设置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 相关文章推荐
列表内容的选择
Jun 30 Javascript
JS实现程序暂停与继续功能代码解读
Oct 10 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
jquery中post方法用法实例
Oct 21 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
Apr 07 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
express框架中使用jwt实现验证的方法
Aug 25 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 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 和 MySQL 基础教程(四)
2006/10/09 PHP
php 团购折扣计算公式
2011/11/24 PHP
PHP删除非空目录的函数代码小结
2013/02/28 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
php判断两个浮点数是否相等的方法
2015/03/14 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
PHP使用函数用法详解
2018/09/30 PHP
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
2011/10/07 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
Python如何根据时间序列数据作图
2020/05/12 Python
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
运动会广播稿60字
2014/01/15 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
护士个人总结范文
2015/02/13 职场文书
优秀大学生自荐信
2015/03/26 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
vue实现移动端div拖动效果
2022/03/03 Vue.js
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers