设置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 相关文章推荐
来自chinaz的ajax获取评论代码
May 03 Javascript
JS 遮照层实现代码
Mar 31 Javascript
jQuery插件开发全解析
Oct 10 Javascript
javascript获取所有同类checkbox选项(实例代码)
Nov 07 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
JavaScript中setMonth()方法的使用详解
Jun 11 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
解决vue 退出动画无效的问题
Aug 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
JavaScript中this详解
2015/09/01 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
Python编程实现及时获取新邮件的方法示例
2017/08/10 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
PHP如何自定义函数
2016/09/16 面试题
小区消防演习方案
2014/02/21 职场文书
小学教师寄语大全
2014/04/03 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP