设置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 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
使用js操作cookie的一点小收获分享
Sep 03 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
Vue的MVVM实现方法
Aug 16 Javascript
js前端导出Excel的方法
Nov 01 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
详细教你微信公众号正文页SVG交互开发技巧
Jul 25 Javascript
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下封装较好的数字分页方法
2010/11/23 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
页面装载js及性能分析方法介绍
2014/03/21 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
js实现微信聊天效果
2020/08/09 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
深入理解Tensorflow中的masking和padding
2020/02/24 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
django迁移文件migrations的实现
2020/03/31 Python
Python实现ElGamal加密算法的示例代码
2020/06/19 Python
如何解决安装python3.6.1失败
2020/07/01 Python
python re.match()用法相关示例
2021/01/27 Python
高中自我评价分享
2013/12/05 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
2014年党支部学习材料
2014/05/19 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
先进学校事迹材料
2014/12/30 职场文书
培训督导岗位职责
2015/04/10 职场文书
入党介绍人意见2015
2015/06/01 职场文书
三年级作文之趣事作文
2019/11/04 职场文书