Welcome 微信登录

首页 / 脚本样式 / JavaScript / 设置jQueryUI DatePicker默认语言为中文

datepicker控件默认是英文的,可以在构造datepicker时通过monthNames、dayNames属性来指定月、日的中文显示值,但是每次使用是都配置这些属性不免太麻烦了,可以增加一个js文件将中文配置都放在里面,每次使用直接引用即可,这里放在jquery.ui.datepicker-zh-CN.js中,内容如下:
复制代码 代码如下:jQuery(function($){ 
    $.datepicker.regional["zh-CN"] = { 
        closeText: "关闭", 
        prevText: "<上月", 
        nextText: "下月>", 
        currentText: "今天", 
        monthNames: ["一月","二月","三月","四月","五月","六月", 
        "七月","八月","九月","十月","十一月","十二月"], 
        monthNamesShort: ["一","二","三","四","五","六", 
        "七","八","九","十","十一","十二"], 
        dayNames: ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"], 
        dayNamesShort: ["周日","周一","周二","周三","周四","周五","周六"], 
        dayNamesMin: ["日","一","二","三","四","五","六"], 
        weekHeader: "周", 
        dateFormat: "yy-mm-dd", 
        firstDay: 1, 
        isRTL: false, 
        showMonthAfterYear: true, 
        yearSuffix: "年"}; 
    $.datepicker.setDefaults($.datepicker.regional["zh-CN"]); 
});
在jquery.ui.datepicker.js之后引入
复制代码 代码如下:<script src="js/jquery.ui.datepicker-zh-CN.js"  type="text/javascript"></script>
以上就是jQueryUI DatePicker设置中文的方法,如果大家还觉得麻烦,可以直接修改jquery.ui.datepicker.js,把相应的英文部分改成中文(如果只做中文开发的话),一劳永逸。