设置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 相关文章推荐
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 Javascript
推荐20家国外的脚本下载网站
Apr 28 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
微信小程序基于本地缓存实现点赞功能的方法
Dec 18 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
Nov 13 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基于面向对象实现的留言本功能实例
2018/04/04 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
js图片预加载示例
2014/04/30 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
jQuery.Form上传文件操作
2017/02/05 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
[04:17]DOTA2完美盛典,rOtk、BurNIng携手巴图演唱《倔强》
2017/11/28 DOTA
python自动12306抢票软件实现代码
2018/02/24 Python
Django web框架使用url path name详解
2019/04/29 Python
pandas 使用均值填充缺失值列的小技巧分享
2019/07/04 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
python 利用Pyinstaller打包Web项目
2020/10/23 Python
《穷人》教学反思
2014/04/08 职场文书
中学生家长评语大全
2014/04/16 职场文书
装修协议书范本
2014/04/21 职场文书
儿童生日会策划方案
2014/05/15 职场文书
上海世博会口号
2014/06/19 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
新闻稿怎么写
2015/07/18 职场文书
预备党员表决心的话
2015/09/22 职场文书
斗罗大陆八大特殊魂兽,龙族始祖排榜首,第五最残忍(翠魔鸟)
2022/03/18 国漫
Golang实现可重入锁的示例代码
2022/05/25 Golang