设置jQueryUI DatePicker默认语言为中文

前端技术 2023/09/03 JavaScript

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，把相应的英文部分改成中文（如果只做中文开发的话），一劳永逸。

本文地址：https://www.stayed.cn/item/7580

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案