jquery 日歷控件在php中怎么使用

日歷插件：

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供通渭網(wǎng)站建設(shè)、通渭做網(wǎng)站、通渭網(wǎng)站設(shè)計(jì)、通渭網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、通渭企業(yè)網(wǎng)站模板建站服務(wù)，十余年通渭做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

在頁(yè)面開(kāi)發(fā)中，經(jīng)常遇到需要用戶輸入日期的操作。通常的做法是，提供一個(gè)文本框，讓用戶輸入，然后，編寫(xiě)代碼驗(yàn)證輸入的數(shù)據(jù)，檢測(cè)其是否是日期型。這樣比較麻煩，同時(shí)，用戶輸入日期的操作也不是很方便，影響用戶體驗(yàn)。如果使用jQuery UI 中的datepicker日歷插件，這些問(wèn)題都可以迎刃而解。該插件調(diào)用的語(yǔ)法格式如下：

$(".selector").datepicker(options);

其中".selector"　表示DOM元素，一般指文本框，由于該插件的作用是提供日期選擇，因此，常與一個(gè)文本框綁定，將選擇后的日期顯示在該文本框中。選項(xiàng)options是一個(gè)對(duì)象。

下面是一些參數(shù)：

　changeMonth 設(shè)置一個(gè)布爾值，如果為true,則可以在標(biāo)題處出現(xiàn)一個(gè)下拉選擇框，可以選擇月份，默認(rèn)值為false

changeYear 設(shè)置一個(gè)布爾值，如果為true,則可以在標(biāo)題處出現(xiàn)一個(gè)下拉選擇框，可以選擇年份，默認(rèn)值為false

showButtonPanel 設(shè)置一個(gè)布爾值，如果為true, 則在日期的下面顯示一個(gè)面板，其中有兩個(gè)按鈕；一個(gè)為“今天”，另一個(gè)按鍵為“關(guān)閉”，默認(rèn)值為false,表示不顯示。

closeText 設(shè)置關(guān)閉按鈕上的文字信息，這項(xiàng)設(shè)置的前提是，showButtonPanel的值必須為true,否則顯示不了效果。

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

defaultDate 設(shè)置一個(gè)默認(rèn)日期值，如{defaultDate:+7}, 表示，彈出日期選擇窗口后，默認(rèn)的日期是在當(dāng)前日期加上7天

　showAnim 設(shè)置顯示彈出或隱藏日期選擇窗口的方式。可以設(shè)置的方式有，“show"、"slideDown"、"fadeIn“，或者為"", 表示沒(méi)有彈出日期選擇窗口的方式。

　showWeek 設(shè)置一個(gè)布爾值，如果為true,則可以顯示每天對(duì)應(yīng)的星期，默認(rèn)值為false

yearRange 設(shè)置年份的范圍，如{yearRange:'2000:2010'},表示年份下拉列表框的最小值為2000年，最大值為2010年，默認(rèn)值為c-10;c+10,當(dāng)前年份的前后10年。

如何使用jqueryUi的datepicker日歷控件

Datepicker 的選項(xiàng)中有一個(gè) minDate（最小日期），如果你把 minDate 設(shè)為當(dāng)前日期，之前的日期就都不能選了。

minDate 可以為

1、日期對(duì)象，例如 new Date()

2、也可以是整數(shù)，例如 3 代表 3 天后，-1 代表昨天，0 代表今天

3、也可以是字符串，例如 1w 代表 1 星期后，-2m 代表 兩個(gè)月之前

所以你的問(wèn)題，可以設(shè)置為日期對(duì)象（當(dāng)前）或者0。

$("#ele").datepicker({

minDate: new Date()

});

或者

$("#ele").datepicker({

minDate: 0

});

怎樣讓jQueryUI 的日歷控件顯示中文日歷

jqueryui默認(rèn)顯示的是英文的日期格式，可以通過(guò)插件設(shè)置為顯示中文的方式，如下是設(shè)置顯示中文的代碼：

$((function($){

$.datepicker.regional['zh-CN'] = {

clearText: '清除',

clearStatus: '清除已選日期',

closeText: '關(guān)閉',

closeStatus: '不改變當(dāng)前選擇',

prevText: '上月',

prevStatus: '顯示上月',

prevBigText: '',

prevBigStatus: '顯示上一年',

nextText: '下月',

nextStatus: '顯示下月',

nextBigText: '',

nextBigStatus: '顯示下一年',

currentText: '今天',

currentStatus: '顯示本月',

monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],

monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],