1. 程式人生 > >jquery ui 中 datepicker的漢化

jquery ui 中 datepicker的漢化

首先上 html程式碼

<!--為防止一個頁面出現多個id 我們改用class 
    為防止手工填寫格式出錯 我們設定屬性為 readonly
	只能選 ,不能填 ok
-->
<input type="text" class="datepicker" readonly="readonly"/>

然後是jquery ui 初始化部分程式碼
//日期格式改變
$( ".datepicker" ).datepicker({dateFormat: "yy-mm-dd"});
//星期格式漢化
$( ".datepicker" ).datepicker( "option", "dayNamesMin",[ "日", "一", "二", "三", "四", "五", "六" ] ); 
//月份格式漢化
$( ".datepicker" ).datepicker( "option", "monthNames", [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] );

注:jquery ui 的設定有兩種,一種是在初始化的時候就填入引數
另一種是在初始化之後,在設定引數。這裡為了說明引數選項,我們選擇的第二種方式來講解。

效果圖:

官方說明地址: http://api.jqueryui.com/datepicker/#option-altFormat
下載地址:http://download.jqueryui.com/download