设置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 相关文章推荐
DOM精简教程
Oct 03 Javascript
将string解析为json的几种方式小结
Nov 11 Javascript
javascript中this做事件参数相关问题解答
Mar 17 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
微信小程序 navbar实例详解
May 11 Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
Vue绑定内联样式问题
Oct 17 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
单线程JavaScript实现异步过程详解
May 19 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中preg_match的isU代表什么意思
2015/10/01 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
判断多个input type=file是否有已经选择好文件的代码
2012/05/23 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
vue filters的使用详解
2018/06/11 Javascript
echarts整合多个类似option的方法实例
2018/07/10 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
Python实现快速排序和插入排序算法及自定义排序的示例
2016/02/16 Python
python 处理数字,把大于上限的数字置零实现方法
2019/01/28 Python
Python实现Linux监控的方法
2019/05/16 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
在python image 中实现安装中文字体
2020/05/16 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
实例代码讲解Python 线程池
2020/08/24 Python
Python用Jira库来操作Jira
2020/12/28 Python
python用700行代码实现http客户端
2021/01/14 Python
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
StringBuilder和String的区别
2015/05/18 面试题
期末评语大全
2014/05/04 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
党员个人承诺书
2015/04/27 职场文书
2016年寒假见闻
2015/10/10 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
《我和小伙伴》教学反思
2016/02/20 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
python热力图实现的完整实例
2022/06/25 Python