设置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 AJAX回调函数this指向问题
Feb 08 Javascript
加载jQuery后$冲突的解决办法
Jul 09 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
Vue和React组件之间的传值方式详解
Jan 31 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
node后端服务保活的实现
Nov 10 Javascript
javascript 易错知识点实例小结
Apr 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快速统计某个数据库中每张表的数据量
2012/09/04 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
jquery中append()与appendto()用法分析
2014/11/14 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
C#实现将一个字符转换为整数
2017/12/12 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
python matplotlib坐标轴设置的方法
2017/12/05 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
python使用thrift教程的方法示例
2019/03/21 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
Python线程threading模块用法详解
2020/02/26 Python
matplotlib之pyplot模块坐标轴标签设置使用(xlabel()、ylabel())
2021/02/22 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
打架检讨书300字
2014/02/02 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
公司市场部岗位职责
2015/04/15 职场文书
垂直极限观后感
2015/06/08 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android