天天看點

jQuery UI Datepicker使用介紹

在企業級web開發過程中,月曆控件和圖表控件是使用最多的2中第三方元件。jquery ui帶的datepicker,月曆控件能滿足大多數場景開發需要。本文就主要讨論jquery ui datepicker的使用,和中文本地化配置。

jquery ui是一套基于jquery控件和動畫效果javascript類庫。可以用來建構互動式的網際網路應用程式。最新版本1.10.4.基于jquery 1.6+

<a href="http://api.jqueryui.com/">jquery ui官方網站</a>

datapicker是jquery ui裡面控件的一個控件。主要是給使用者呈現月曆,友善使用者選擇日期和時間。

<a href="http://jqueryui.com/datepicker/">datepicker介紹</a>

步驟1.下載下傳最新版jquery ui.

步驟2 引入下面三個檔案,他們分别是:

jquery.js

jquery-ui.js

jquery-ui.css

步驟3 編寫代碼,下面配置一個很簡單的datepicker控件

程式運作結果如下:

jQuery UI Datepicker使用介紹

可以datepicker控件顯示出來了,但是全部是英文。是以我們需要對它進行修改,讓它預設顯示為中文。比如周一到周日顯示為:“一、二、三、

四、五、六、日”這樣的漢字。在使用datepicker之前,使用下面代碼,将datepicker的語言設定為中文就好了。代碼如下:

運作結果如下:

jQuery UI Datepicker使用介紹

繼續閱讀