设置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 相关文章推荐
jQuery探测位置的提示弹窗(toolTip box)详细解析
Nov 14 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 Javascript
JavaScript验证Email(3种方法)
Sep 21 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
js判断一个字符串是以某个字符串开头的简单实例
Dec 27 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
JS实现在线ps功能详解
Jul 31 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
详解php的socket通信
2015/08/11 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
js模仿hover的具体实现代码
2013/12/30 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
JavaScript 反射和属性赋值实例解析
2019/10/28 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
详细解析Python中的变量的数据类型
2015/05/13 Python
python 调用HBase的简单实例
2016/12/18 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
公司企业表扬信
2014/01/11 职场文书
婚礼证婚人证婚词
2014/01/13 职场文书
励志演讲稿600字
2014/08/21 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
授权委托书公证
2014/09/14 职场文书
体育教师个人工作总结
2015/02/09 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫