在企業級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控件
程式運作結果如下:

可以datepicker控件顯示出來了,但是全部是英文。是以我們需要對它進行修改,讓它預設顯示為中文。比如周一到周日顯示為:“一、二、三、
四、五、六、日”這樣的漢字。在使用datepicker之前,使用下面代碼,将datepicker的語言設定為中文就好了。代碼如下:
運作結果如下: