jquery UI Datepicker時間控制項的用法（一）-js教程-PHP中文網

jquery UI Datepicker時間控制項的用法（一）

PHPz

發布： 2021-05-28 16:00:32

轉載

3202 人瀏覽過

這篇文章主要介紹了jquery ui datepicker時間控制的使用方法，有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

jquery UI Datepicker時間控制項的用法（一）

透過實例講解了解jquery ui datepicker時間控件，先給大家看一看效果圖：

效果：

jquery UI Datepicker時間控制項的用法（一）

#常用場合：

1.輸入方塊

2.div

使用方法：

1.限制日期

$("#resultDiv").datepicker({
 onSelect: function (dateText, inst) {
 //代码：选择日期后触发的事件
 },
 minDate: new Date(),//最小日期
 maxDate: new Date($("#DateLimit").val())//最大日期
 });

登入後複製

2.中文

jQuery(function ($) {
 $.datepicker.regional[&#39;zh-CN&#39;] = {
 closeText: &#39;关闭&#39;,
 prevText: &#39;<上月&#39;,
 nextText: &#39;下月>&#39;,
 currentText: &#39;今天&#39;,
 monthNames: [&#39;一月&#39;, &#39;二月&#39;, &#39;三月&#39;, &#39;四月&#39;, &#39;五月&#39;, &#39;六月&#39;,
 &#39;七月&#39;, &#39;八月&#39;, &#39;九月&#39;, &#39;十月&#39;, &#39;十一月&#39;, &#39;十二月&#39;],
 monthNamesShort: [&#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;,
 &#39;七&#39;, &#39;八&#39;, &#39;九&#39;, &#39;十&#39;, &#39;十一&#39;, &#39;十二&#39;],
 dayNames: [&#39;星期日&#39;, &#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;, &#39;星期五&#39;, &#39;星期六&#39;],
 dayNamesShort: [&#39;周日&#39;, &#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;],
 dayNamesMin: [&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;],
 weekHeader: &#39;周&#39;,
 dateFormat: &#39;yy-mm-dd&#39;,
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: &#39;年&#39;
 };
 $.datepicker.setDefaults($.datepicker.regional[&#39;zh-CN&#39;]);
 });

登入後複製

以上就是jquery ui datepicker時間控件的使用方法，內容很簡單，目的就是讓親們了解一下UI datepicker時間控件，希望大家會喜歡，關於jquery ui datepicker時間控件並沒有結束，下篇文章會繼續深入了解。