设置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 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
javascript优先加载笔记代码
Sep 30 Javascript
js跑步算法的实现代码
Dec 04 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
Javascript之Date对象详解
Jun 07 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
jquery uploadify如何取消已上传成功文件
Feb 08 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
vue实现树状表格效果
Dec 29 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获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
jQuery插件开发基础简单介绍
2013/01/07 Javascript
js中的referrer返回上一页使用介绍
2013/09/26 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
js遍历json的key和value的实例
2017/01/22 Javascript
thinkjs 文件上传功能实例代码
2017/11/08 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
express启用https使用小记
2019/05/21 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
Sanic框架配置操作分析
2018/07/17 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
小学门卫岗位职责
2013/12/17 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
技校个人求职信范文
2014/01/25 职场文书
创建精神文明单位实施方案
2014/03/08 职场文书
终止合同协议书
2014/04/17 职场文书
大学生实习推荐信
2015/03/27 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
Python实现抖音热搜定时爬取功能
2022/03/16 Python