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: '關閉', 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時間控件的使用方法,內容很簡單,目的就是讓親們了解一下UI datepicker時間控件,希望大家會喜歡,關于jquery ui datepicker時間控件并沒有結束,下篇文章會繼續(xù)深入了解。
相關文章
jQuery插件FusionCharts實現的3D柱狀圖效果實例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實現的3D柱狀圖效果,結合具體實例形式詳細分析了FusionCharts插件繪制3D柱狀圖的具體步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-0333個優(yōu)秀的jQuery 教程分享(幻燈片、動畫菜單)
jQuery 是一個非常優(yōu)秀的 JavaScript 框架,使用簡單靈活,在現在的Web開發(fā)項目中扮演著重要角色。這篇文章與大家分享33個優(yōu)秀的 jQuery 教程,教您如何使用 jQuery 制作幻燈片、動畫菜單、照片墻、圖片畫廊等很多效果很炫的功能。2011-07-07方便實用的jQuery checkbox復選框全選功能簡單實例
這篇文章介紹了jQuery checkbox復選框全選功能的代碼實例,有需要的朋友可以參考一下2013-10-10jQuery插件FusionCharts實現的MSBar3D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實現的MSBar3D圖效果,結合完整實例形式分析了jQuery使用FusionCharts載入xml數據繪制MSBar3D圖的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery使用Selectator插件實現多選下拉列表過濾框(附源碼下載)
Selectator是一款實現多選和搜索過濾功能的jQuery下拉列表框插件。下文給大家介紹jQuery使用Selectator插件實現多選下拉列表過濾框,需要的朋友一起學習吧2016-04-04