设置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最佳实践之精妙的自定义事件
Aug 11 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
动态加载script文件的两种方法
Aug 15 Javascript
简介JavaScript中Math.LOG10E属性的使用
Jun 14 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
Jul 14 Javascript
Vue.js学习之过滤器详解
Jan 22 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
Sep 28 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
浅谈vue项目,访问路径#号的问题
Aug 14 Javascript
微信小程序实现点击生成随机验证码
Sep 09 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
PR值查询 | PageRank 查询
2006/12/20 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
YiiFramework入门知识点总结(图文教程)
2015/12/28 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
javascript与css3动画结合使用小结
2015/03/11 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
JQuery解析XML数据的几个简单实例
2016/05/18 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
ES6扩展运算符的用途实例详解
2017/08/20 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
Python中的yield浅析
2014/06/16 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
internal修饰符起什么作用
2013/12/16 面试题
篮球比赛拉拉队口号
2014/06/10 职场文书
个人工作总结范文2014
2014/11/07 职场文书
干部个人考察材料
2014/12/24 职场文书
党校个人总结
2015/03/04 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电
MySQL多表查询机制
2022/03/17 MySQL