jquery UI 1.72 之datepicker
更新時間:2009年12月29日 00:05:47 作者:
一步一步學jquery UI 1.72 之datepicker,中間都寫了注釋方便大家學習。
復制代碼 代碼如下:
<script type="text/javascript">
$(function() {
var options = {
changeMonth: true, //顯示月份下拉框
changeYear: true, //顯示年份下拉框
firstDay: 0, //第一天的索引(星期天放前面)(星期天到星期六對應的索引為:0~6)
showOtherMonths: true, //顯示其他月份的日期
showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面還是后面
prevText: "上一月", //跳轉到上一頁的提示文本
nextText: '下一月', //跳轉到下一頁的提示文本
stepMonths: 2, //每點擊一次“上一月”或者“下一月”,移動2個月
navigationAsDateFormat: true,
showCurrentAtPos: 3, //離當前月偏移3個月
showOn: 'both',
//minDate/maxDate/hideIfNoPrevNext為一組
minDate:'-10', //
maxDate: '35',
hideIfNoPrevNext: false, //據(jù)說是禁止使用prev 和next ,必須配合maxDate和minDate使用
// defaultDate: 2, //設置當前日期
gotoCurrent: true,
numberOfMonths: 2, //一次顯示2個月(2個日歷)
yearRange: '2009:2019' //顯示可選的年份
};
//初始化日期控件
$('#datePicker').datepicker(options);
//顯示當前日期
$('#datePicker').datepicker('getDate');
//設置當前日期
$('#datePicker').datepicker('setDate', '+1m +1d')
})
</script>
您可能感興趣的文章:
- jQuery ui 利用 datepicker插件實現(xiàn)開始日期(minDate)和結束日期(maxDate)
- jquery UI Datepicker時間控件的使用方法(終結版)
- jquery UI Datepicker時間控件的使用方法(加強版)
- JQuery UI DatePicker中z-index默認為1的解決辦法
- jquery ui dialog里調用datepicker的問題
- jQuery UI Datepicker length為空或不是對象錯誤的解決方法
- jQueryUI中的datepicker使用方法詳解
- 設置jQueryUI DatePicker默認語言為中文
- jquery UI Datepicker時間控件的使用及問題解決
- jquery UI Datepicker時間控件沖突問題解決
相關文章
jquery插件jquery.beforeafter.js實現(xiàn)左右拖拽分隔條對比圖片的方法
這篇文章主要介紹了jquery插件jquery.beforeafter.js實現(xiàn)左右拖拽分隔條對比圖片的方法,可實現(xiàn)圖片拖拽變換的功能,需要的朋友可以參考下2015-08-08
jQuery操作 input type=checkbox的實現(xiàn)代碼
jQuery操作 input type=checkbox的實現(xiàn)代碼,需要的朋友可以參考下,這邊腳本之家推薦大家看我們以前發(fā)布的文章2012-06-06
jQuery插件formValidator實現(xiàn)表單驗證
這篇文章主要為大家詳細介紹了jQuery插件formValidator實現(xiàn)表單驗證的相關資料,需要的朋友可以參考下2016-05-05
JSONP 跨域訪問代理API-yahooapis實現(xiàn)代碼
介紹一個JSONP 跨域訪問代理API-yahooapis,需要的朋友可以參考下2012-12-12

