首頁 > web前端 > js教程 > jquery UI Datepicker時間控制項的用法(一)

jquery UI Datepicker時間控制項的用法(一)

PHPz
發布: 2021-05-28 16:00:32
轉載
3331 人瀏覽過

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

jquery UI Datepicker時間控制項的用法(一)

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

效果:

jquery UI Datepicker時間控制項的用法(一)

#常用場合:

1.輸入方塊

2.div

使用方法:

1.限制日期

1

2

3

4

5

6

7

$("#resultDiv").datepicker({

 onSelect: function (dateText, inst) {

 //代码:选择日期后触发的事件

 },

 minDate: new Date(),//最小日期

 maxDate: new Date($("#DateLimit").val())//最大日期

 });

登入後複製

2.中文

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

jQuery(function ($) {

 $.datepicker.regional['zh-CN'] = {

 closeText: '关闭',

 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時間控件並沒有結束,下篇文章會繼續深入了解。

相關推薦

jquery UI Datepicker時間控制項的用法(二)

jquery UI Datepicker時間控制項的用法(三)

相關影片教學推薦:jQuery教學(影片)

以上是jquery UI Datepicker時間控制項的用法(一)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板