设置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 相关文章推荐
模拟select的代码
Oct 19 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
jQuery学习笔记之创建DOM元素
Jan 19 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
JS Canvas定时器模拟动态加载动画
Sep 17 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 Javascript
JavaScript中的类型检查
Feb 03 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
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日期函数date格式化UNIX时间的方法
2015/03/19 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
Yii框架扩展CGridView增加导出CSV功能的方法
2017/05/24 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
vue2.0模拟锚点的实例
2018/03/14 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
Python的randrange()方法使用教程
2015/05/15 Python
python中lambda()的用法
2017/11/16 Python
python实现飞船游戏的纵向移动
2020/04/24 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
python用700行代码实现http客户端
2021/01/14 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
会计毕业生自荐信
2013/11/21 职场文书
党建工作整改措施
2014/10/28 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书