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

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比大渡口網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式大渡口網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋大渡口地區(qū)。費用合理售后完善,十多年實體公司更值得信賴。
minDate 可以為
1、日期對象,例如 new Date()
2、也可以是整數(shù),例如 3 代表 3 天后,-1 代表昨天,0 代表今天
3、也可以是字符串,例如 1w 代表 1 星期后,-2m 代表 兩個月之前
所以你的問題,可以設(shè)置為日期對象(當(dāng)前)或者0。
$("#ele").datepicker({
minDate: new Date()
});
或者
$("#ele").datepicker({
minDate: 0
});
日歷插件:
在頁面開發(fā)中,經(jīng)常遇到需要用戶輸入日期的操作。通常的做法是,提供一個文本框,讓用戶輸入,然后,編寫代碼驗證輸入的數(shù)據(jù),檢測其是否是日期型。這樣比較麻煩,同時,用戶輸入日期的操作也不是很方便,影響用戶體驗。如果使用jQuery UI 中的datepicker日歷插件,這些問題都可以迎刃而解。該插件調(diào)用的語法格式如下:
$(".selector").datepicker(options);
其中".selector" 表示DOM元素,一般指文本框,由于該插件的作用是提供日期選擇,因此,常與一個文本框綁定,將選擇后的日期顯示在該文本框中。選項options是一個對象。
下面是一些參數(shù):
changeMonth 設(shè)置一個布爾值,如果為true,則可以在標(biāo)題處出現(xiàn)一個下拉選擇框,可以選擇月份,默認(rèn)值為false
changeYear 設(shè)置一個布爾值,如果為true,則可以在標(biāo)題處出現(xiàn)一個下拉選擇框,可以選擇年份,默認(rèn)值為false
showButtonPanel 設(shè)置一個布爾值,如果為true, 則在日期的下面顯示一個面板,其中有兩個按鈕;一個為“今天”,另一個按鍵為“關(guān)閉”,默認(rèn)值為false,表示不顯示。
closeText 設(shè)置關(guān)閉按鈕上的文字信息,這項設(shè)置的前提是,showButtonPanel的值必須為true,否則顯示不了效果。
dateFormat 設(shè)置顯示在文本框中的日期格式,可設(shè)置為{dateFormat:'yy-mm-dd'},表示日期的格式為 年-月-日,如2012-10-1.
defaultDate 設(shè)置一個默認(rèn)日期值,如{defaultDate:+7}, 表示,彈出日期選擇窗口后,默認(rèn)的日期是在當(dāng)前日期加上7天
showAnim 設(shè)置顯示彈出或隱藏日期選擇窗口的方式。可以設(shè)置的方式有,“show"、"slideDown"、"fadeIn“,或者為"", 表示沒有彈出日期選擇窗口的方式。
showWeek 設(shè)置一個布爾值,如果為true,則可以顯示每天對應(yīng)的星期,默認(rèn)值為false
yearRange 設(shè)置年份的范圍,如{yearRange:'2000:2010'},表示年份下拉列表框的最小值為2000年,最大值為2010年,默認(rèn)值為c-10;c+10,當(dāng)前年份的前后10年。
jqueryui默認(rèn)顯示的是英文的日期格式,可以通過插件設(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: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
文章題目:jquery日歷控件,jsp日歷控件
網(wǎng)頁鏈接:http://chinadenli.net/article11/dsepidd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、域名注冊、網(wǎng)站維護、品牌網(wǎng)站建設(shè)、微信公眾號、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)