首先上 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