jquery UI Datepicker時間控件的使用方法(基礎版)
本文為大家分享jquery ui datepicker時間控件的使用方法,通過實例講解了解ui datepicker時間控件,先給大家看一看效果圖:
效果:

常用場合:
1.輸入框
2.div
使用方法:
1.限制日期
$("#resultDiv").datepicker({
onSelect: function (dateText, inst) {
//代碼:選擇日期后觸發(fā)的事件
},
minDate: new Date(),//最小日期
maxDate: new Date($("#DateLimit").val())//最大日期
});
2.中文
jQuery(function ($) {
$.datepicker.regional['zh-CN'] = {
closeText: '關(guān)閉',
prevText: '<上月',
nextText: '下月>',
currentText: '今天',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一', '二', '三', '四', '五', '六',
'七', '八', '九', '十', '十一', '十二'],
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
weekHeader: '周',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
以上就是jquery ui datepicker時間控件的使用方法,內(nèi)容很簡單,目的就是讓親們了解一下UI datepicker時間控件,希望大家會喜歡,關(guān)于jquery ui datepicker時間控件并沒有結(jié)束,下篇文章會繼續(xù)深入了解。
相關(guān)文章
jQuery插件FusionCharts實現(xiàn)的3D柱狀圖效果實例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的3D柱狀圖效果,結(jié)合具體實例形式詳細分析了FusionCharts插件繪制3D柱狀圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
33個優(yōu)秀的jQuery 教程分享(幻燈片、動畫菜單)
jQuery 是一個非常優(yōu)秀的 JavaScript 框架,使用簡單靈活,在現(xiàn)在的Web開發(fā)項目中扮演著重要角色。這篇文章與大家分享33個優(yōu)秀的 jQuery 教程,教您如何使用 jQuery 制作幻燈片、動畫菜單、照片墻、圖片畫廊等很多效果很炫的功能。2011-07-07
方便實用的jQuery checkbox復選框全選功能簡單實例
這篇文章介紹了jQuery checkbox復選框全選功能的代碼實例,有需要的朋友可以參考一下2013-10-10
jQuery插件FusionCharts實現(xiàn)的MSBar3D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的MSBar3D圖效果,結(jié)合完整實例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制MSBar3D圖的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery使用Selectator插件實現(xiàn)多選下拉列表過濾框(附源碼下載)
Selectator是一款實現(xiàn)多選和搜索過濾功能的jQuery下拉列表框插件。下文給大家介紹jQuery使用Selectator插件實現(xiàn)多選下拉列表過濾框,需要的朋友一起學習吧2016-04-04

