jQuery UI的datepicker日期控件如何让他显示中文

最新推荐文章于 2023-10-17 17:51:07 发布

转载最新推荐文章于 2023-10-17 17:51:07 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/itjeff/p/4113101.html

文章标签：

#ui #javascript #ViewUI

本文介绍了如何在网页中使用jQuery UI的日期选择器插件，并实现中文语言包的配置。通过简单的步骤即可让日期选择器支持中文显示，包括月份、星期等。

首先是引入UI的JS文件和模板文件，如下：

然后下面就是设置文件了：

$(function() {
  $( "#datepicker" ).datepicker();
});
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']);
});