设置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 相关文章推荐
JS backgroundImage控制
May 19 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
ES6的新特性概览
Mar 10 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 16 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获取数组长度的方法(有实例)
2013/10/27 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
2018/07/12 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
分享vim python缩进等一些配置
2018/07/02 Python
python elasticsearch环境搭建详解
2019/09/02 Python
python代码xml转txt实例
2020/03/10 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
Hammitt官网:设计师手袋
2020/05/23 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
给女朋友的道歉信
2014/01/10 职场文书
劳动仲裁调解书
2015/05/20 职场文书
微观世界观后感
2015/06/10 职场文书
学前班教学反思
2016/02/24 职场文书