jquery UI 1.72 之datepicker

更新時(shí)間：2009年12月29日 00:05:47 作者：

一步一步學(xué)jquery UI 1.72 之datepicker，中間都寫了注釋方便大家學(xué)習(xí)。

<script type="text/javascript"> 
$(function() { 
var options = { 
changeMonth: true, //顯示月份下拉框 
changeYear: true, //顯示年份下拉框 
firstDay: 0, //第一天的索引（星期天放前面）（星期天到星期六對應(yīng)的索引為：0~6） 
showOtherMonths: true, //顯示其他月份的日期 
showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面還是后面 
prevText: "上一月", //跳轉(zhuǎn)到上一頁的提示文本 
nextText: '下一月', //跳轉(zhuǎn)到下一頁的提示文本 
stepMonths: 2, //每點(diǎn)擊一次“上一月”或者“下一月”，移動(dòng)2個(gè)月 
navigationAsDateFormat: true, 
showCurrentAtPos: 3, //離當(dāng)前月偏移3個(gè)月 
showOn: 'both', 
//minDate/maxDate/hideIfNoPrevNext為一組 
minDate:'-10', // 
maxDate: '35', 
hideIfNoPrevNext: false, //據(jù)說是禁止使用prev 和next ,必須配合maxDate和minDate使用 
// defaultDate: 2, //設(shè)置當(dāng)前日期 
gotoCurrent: true, 
numberOfMonths: 2, //一次顯示2個(gè)月（2個(gè)日歷） 
yearRange: '2009:2019' //顯示可選的年份 
}; 
//初始化日期控件 
$('#datePicker').datepicker(options); 
//顯示當(dāng)前日期 
$('#datePicker').datepicker('getDate'); 

//設(shè)置當(dāng)前日期 
$('#datePicker').datepicker('setDate', '+1m +1d') 
}) 
</script>

您可能感興趣的文章:

相關(guān)文章

jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對比圖片的方法
這篇文章主要介紹了jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對比圖片的方法,可實(shí)現(xiàn)圖片拖拽變換的功能,需要的朋友可以參考下
2015-08-08
jquery實(shí)現(xiàn)點(diǎn)擊按鈕顯示與隱藏效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)點(diǎn)擊按鈕顯示與隱藏效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
jQuery與getJson結(jié)合的用法實(shí)例
這篇文章主要介紹了jQuery與getJson結(jié)合的用法,實(shí)例分析了jquery解析json數(shù)據(jù)及數(shù)組遍歷的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
利用jQuery實(shí)現(xiàn)簡單的拖曳效果實(shí)例代碼
最近發(fā)現(xiàn)一個(gè)網(wǎng)站的拖拽效果挺好的,個(gè)人覺得是一種不錯(cuò)的用戶體驗(yàn),抽空研究了一下，所以這篇文章主要給大家介紹了關(guān)于利用jQuery實(shí)現(xiàn)簡單的拖曳效果的相關(guān)資料，需要的朋友可以參考借鑒，下面隨著小編來一起看看詳細(xì)的介紹吧。
2017-10-10
jQuery操作 input type=checkbox的實(shí)現(xiàn)代碼
jQuery操作 input type=checkbox的實(shí)現(xiàn)代碼，需要的朋友可以參考下，這邊腳本之家推薦大家看我們以前發(fā)布的文章
2012-06-06
使用JQuery中的trim()方法去掉前后空格
下面小編就為大家?guī)硪黄褂肑Query中的trim()方法去掉前后空格。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
基于jquery的loading效果實(shí)現(xiàn)代碼
基于jquery的loading效果實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-11-11
jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery插件formValidator實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料,需要的朋友可以參考下
2016-05-05
jquery的 filter()方法使用教程
filter() 方法返回符合一定條件的元素。該方法讓您規(guī)定一個(gè)條件。不符合條件的元素將從選擇中移除，符合條件的元素將被返回。這篇文章主要介紹了 jquery的 filter()方法使用,需要的朋友可以參考下
2018-03-03
JSONP 跨域訪問代理API-yahooapis實(shí)現(xiàn)代碼
介紹一個(gè)JSONP 跨域訪問代理API-yahooapis,需要的朋友可以參考下
2012-12-12