jqueryui的datepicker显示中文日期格式的设置

最新推荐文章于 2021-07-06 09:35:00 发布

zuoanlove

最新推荐文章于 2021-07-06 09:35:00 发布

阅读量1k

点赞数

jQuery 同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

jQueryUI

6 篇文章 0 订阅

订阅专栏

Datepicker

1 篇文章 0 订阅

订阅专栏

转载自：http://outofmemory.cn/code-snippet/1838/jqueryui-datepicker-display-zhongwen-date-format-setting

jqueryui默认显示的是英文的日期格式，可以通过插件设置为显示中文的方式，如下是设置显示中文的代码：

$((function($){
    $.datepicker.regional['zh-CN'] = {
        clearText: '清除',
        clearStatus: '清除已选日期',
        closeText: '关闭',
        closeStatus: '不改变当前选择',
        prevText: '<上月',
        prevStatus: '显示上月',
        prevBigText: '<<',
        prevBigStatus: '显示上一年',
        nextText: '下月>',
        nextStatus: '显示下月',
        nextBigText: '>>',
        nextBigStatus: '显示下一年',
        currentText: '今天',
        currentStatus: '显示本月',
        monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
        monthStatus: '选择月份',
        yearStatus: '选择年份',
        weekHeader: '周',
        weekStatus: '年内周次',
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        dayStatus: '设置 DD 为一周起始',
        dateStatus: '选择 m月 d日, DD',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        initStatus: '请选择日期',
        isRTL: false};
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
})(jQuery));

完整的测试例子如下，可以通过试试运行查看运行效果：

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" type="text/css"  charset="utf-8"/>
</head>
<body>

<form>
 <input type="text" size="15" class="datePicker"/>
</form>
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$((function($){
    $.datepicker.regional['zh-CN'] = {
        clearText: '清除',
        clearStatus: '清除已选日期',
        closeText: '关闭',
        closeStatus: '不改变当前选择',
        prevText: '<上月',
        prevStatus: '显示上月',
        prevBigText: '<<',
        prevBigStatus: '显示上一年',
        nextText: '下月>',
        nextStatus: '显示下月',
        nextBigText: '>>',
        nextBigStatus: '显示下一年',
        currentText: '今天',
        currentStatus: '显示本月',
        monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
        monthStatus: '选择月份',
        yearStatus: '选择年份',
        weekHeader: '周',
        weekStatus: '年内周次',
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        dayStatus: '设置 DD 为一周起始',
        dateStatus: '选择 m月 d日, DD',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        initStatus: '请选择日期',
        isRTL: false};
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
})(jQuery));

$('.datePicker').datepicker();
</script>

</body>
</html>

zuoanlove

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jqueryui的datepicker显示中文日期格式的设置

转载自：http://outofmemory.cn/code-snippet/1838/jqueryui-datepicker-display-zhongwen-date-format-settingjqueryui默认显示的是英文的日期格式，可以通过插件设置为显示中文的方式，如下是设置显示中文的代码：$((function($){ $.datepicker.regional[
复制链接

扫一扫

专栏目录