php日曆插件,php製作漂亮日曆

本文目錄一覽：

• 1、PHP怎樣添加JS日曆控件
• 2、jquery 日曆控件在php中怎麼使用
• 3、php怎麼調用fullcalendar
• 4、PHP 日曆插件怎麼讓默認顯示的時間不是今天，而是自定義或者數據庫讀取出來的時間

PHP怎樣添加JS日曆控件

日期插件的包為:mydate.js。

1：首先將日期插件的包引入到頁面中

script language=”JavaScript” src=”../Inc/Js/mydate.js”/script

2：設置鼠標點擊事件，當鼠標點擊獲得焦點的時候，觸發事件，調用方法

input type=”text” name=”starttime” onfocus=”MyCalendar.SetDate(this)” value=”?php echo $rq;?”

input type=”text” name=”endtime” onfocus=”MyCalendar.SetDate(this)” value=”?php echo $rq;?”

3：完整頁面代碼

?php

  date_default_timezone_set(“PRC”);

  $nowtime = time();

  $rq = date(“Y-m-d”,$nowtime);

?

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

meta name=”generator” content=”FFKJ.Net” /

link rev=”MADE” href=”mailto:FFKJ@FFKJ.Net”

title在線–後台/title

link rel=”stylesheet” type=”text/css” href=”../Skins/Admin_Style.Css” /

script language=”JavaScript” src=”../Inc/Js/mydate.js”/script

/head

body

開始時間:input type=”text” name=”starttime” onfocus=”MyCalendar.SetDate(this)” value=”?php echo $rq;?”

結束時間:input type=”text” name=”endtime” onfocus=”MyCalendar.SetDate(this)” value=”?php echo $rq;?”

/body

/html

jquery 日曆控件在php中怎麼使用

日曆插件：

在頁面開發中，經常遇到需要用戶輸入日期的操作。通常的做法是，提供一個文本框，讓用戶輸入，然後，編寫代碼驗證輸入的數據，檢測其是否是日期型。這樣比較麻煩，同時，用戶輸入日期的操作也不是很方便，影響用戶體驗。如果使用jQuery UI 中的datepicker日曆插件，這些問題都可以迎刃而解。該插件調用的語法格式如下：

$(“.selector”).datepicker(options);

其中”.selector”　表示DOM元素，一般指文本框，由於該插件的作用是提供日期選擇，因此，常與一個文本框綁定，將選擇後的日期顯示在該文本框中。選項options是一個對象。

下面是一些參數：

　changeMonth 設置一個布爾值，如果為true,則可以在標題處出現一個下拉選擇框，可以選擇月份，默認值為false

changeYear 設置一個布爾值，如果為true,則可以在標題處出現一個下拉選擇框，可以選擇年份，默認值為false

showButtonPanel 設置一個布爾值，如果為true, 則在日期的下面顯示一個面板，其中有兩個按鈕；一個為「今天」，另一個按鍵為「關閉」，默認值為false,表示不顯示。

closeText 設置關閉按鈕上的文字信息，這項設置的前提是，showButtonPanel的值必須為true,否則顯示不了效果。

dateFormat 設置顯示在文本框中的日期格式，可設置為{dateFormat:’yy-mm-dd’},表示日期的格式為　年－月－日，如2012-10-1.

defaultDate 設置一個默認日期值，如{defaultDate:+7}, 表示，彈出日期選擇窗口後，默認的日期是在當前日期加上7天

　showAnim 設置顯示彈出或隱藏日期選擇窗口的方式。可以設置的方式有，「show”、”slideDown”、”fadeIn「，或者為””, 表示沒有彈出日期選擇窗口的方式。

　showWeek 設置一個布爾值，如果為true,則可以顯示每天對應的星期，默認值為false

yearRange 設置年份的範圍，如{yearRange:’2000:2010′},表示年份下拉列表框的最小值為2000年，最大值為2010年，默認值為c-10;c+10,當前年份的前後10年。

php怎麼調用fullcalendar

FullCalendar是一款基於jQuery的日曆插件，適用於各種日程安排、工作計劃等場景，您可以很方便的查看查看待辦事項，標記重要事項以及綁定點擊和拖動事件，能快速的整合到您的項目中，本文將簡單介紹FullCalendar的使用。

查看演示 下載源碼

HTML

首先第一步就是在需要調用FullCalendar日曆的頁面中載入必要的javascript和css文件，包括jQuery庫文件，FullCalendar插件以及FullCalendar樣式表。如果您還想要拖動日曆的功能，就還需要加入jQuery ui插件。

link rel=”stylesheet” type=”text/css” href=”css/fullcalendar.css”

script src=”js/jquery-1.9.1.min.js”/script

script src=”js/jquery-ui-1.10.2.custom.min.js”/script

script src=”js/fullcalendar.min.js”/script

然後，在頁面的body里加入div#calendar，用來放置日曆主體。

div id=’calendar’/div

jQuery

現在我們需要在頁面加載完成後，調用FullCalendar插件初始化日曆，使用jQuery代碼：

$(document).ready(function() {

//頁面加載完初始化日曆

$(‘#calendar’).fullCalendar({

//設置選項和回調

})

});

然後保存並瀏覽頁面，你會發現頁面中已經顯示一個很大的日曆表了。當然這還只是一個初步的日曆，FullCalendar的強大之處在於它提供了豐富的選項設置、方法及事件，可以很方便的擴展，打造你想要的日曆表，先來做一下簡單了解。

Options

FullCalendar官方文檔中提供了豐富的操作選項設置，比如是否在日曆中顯示周末等等，使用方法：

$(‘#calendar’).fullCalendar({

weekends: false //不顯示周末，將會隱藏周六和周日

});

Callbacks

當點擊或者拖動等事件發生時，可以調用相關函數，比如點擊某一天時，彈出提示框：

$(‘#calendar’).fullCalendar({

dayClick: function() {

alert(‘a day has been clicked!’);

}

});

Methods

FullCalendar提供了很多方法可以調用，諸如進入下一個月視圖等，代碼可以這樣寫：

$(‘#calendar’).fullCalendar(‘next’);

以上代碼調用了next方法後，日曆視圖切換到下一月（周、日）的視圖。

PHP 日曆插件怎麼讓默認顯示的時間不是今天，而是自定義或者數據庫讀取出來的時間

建議你存的時候存用time()函數的到的秒，數據表字段類型弄成int(10)就可以，輸出的時候可以直接用date(‘Y-m-d’,db[‘time’])格式化輸出了！