设置jQueryUI DatePicker默认语言为中文


Posted in Javascript onJune 04, 2016

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

Javascript 相关文章推荐
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
javascript正则表达式中的replace方法详解
Apr 20 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
JavaScript实现简单计算器功能
Dec 19 Javascript
Vue实现圆环进度条的示例
Feb 06 Vue.js
javacript获取当前屏幕大小
Jun 04 #Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 #Javascript
JS实现图片的不间断连续滚动的简单实例
Jun 03 #Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 #Javascript
js不间断滚动的简单实现
Jun 03 #Javascript
Ionic如何创建APP项目
Jun 03 #Javascript
Ionic快速安装教程
Jun 03 #Javascript
You might like
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
PHP中使用BigMap实例
2015/03/30 PHP
JavaScript 全角转半角部分
2009/10/28 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
js string 转 int 注意的问题小结
2013/08/15 Javascript
js将当前时间格式转换成时间搓(自写)
2013/09/26 Javascript
12种不宜使用的Javascript语法整理
2013/11/04 Javascript
js检测输入内容全为空格的方法
2014/05/03 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
JavaScript实现的圆形浮动标签云效果实例
2015/08/06 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
2015/11/17 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
对于Python的框架中一些会话程序的管理
2015/04/20 Python
Python中的getopt函数使用详解
2015/07/28 Python
python中format()函数的简单使用教程
2018/03/14 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
私有程序集与共享程序集有什么区别
2013/04/05 面试题
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
服装设计专业毕业生求职信
2014/04/09 职场文书
植树节活动总结
2014/04/30 职场文书
企业安全生产标语
2014/06/06 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
在职证明格式样本
2015/06/15 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
电工生产实习心得体会
2016/01/22 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android