设置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 相关文章推荐
javascript操作JSON的要领总结
Dec 09 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 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/12/12 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
PHP实现计算器小功能
2020/08/28 PHP
Script的加载方法小结
2011/01/12 Javascript
js获取图片大小的函数代码
2011/09/20 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
JQuery打造省市下拉框联动效果
2014/05/18 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
2017/05/17 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
JS实现放大镜效果
2020/09/21 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
TensorFlow打印tensor值的实现方法
2018/07/27 Python
python实现汉诺塔算法
2021/03/01 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
css3选择器基本介绍
2014/12/15 HTML / CSS
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
个人实用的自我评价范文
2013/11/23 职场文书
技校毕业生的自我评价
2013/12/27 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
小学二年级班主任工作经验交流材料
2015/11/02 职场文书
大学生安全教育心得体会
2016/01/15 职场文书