bootstrap datepicker插件默认英文修改为中文


Posted in Javascript onJuly 28, 2017

datepicker插件默认为英文,而且格式为:mm/dd/yyyy这种情况,看起来不怎么直观。

修改目标:

1、默认显示为中文 

2、格式为:yyyy年mm月dd日 

需要修改两个地方:

1、更改datas对象, 增加zh-cn语言选项;参见源代码的1419行

var dates = $.fn.datepicker.dates = {
 en: {
  days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
  daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
  daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
  months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
  monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  today: "Today",
  clear: "Clear"
 },
  "zh-cn":{
  days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
  daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
  daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
  months: ["一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份", "十月份", "十一月份", "十二月份"],
  monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
  today: "今天",
  clear: "清空"
 }
 };

红色部分为新增部分。

2、修改默认参数,即defaults对象。      

var defaults = $.fn.datepicker.defaults = {
 autoclose: false,
 beforeShowDay: $.noop,
 calendarWeeks: false,
 clearBtn: false,
 daysOfWeekDisabled: [],
 endDate: Infinity,
 forceParse: true,
 format: 'yyyy年mm月dd日',
 keyboardNavigation: true,
 language: 'zh-cn',
 minViewMode: 0,
 multidate: false,
 multidateSeparator: ',',
 orientation: "auto",
 rtl: false,
 startDate: -Infinity,
 startView: 0,
 todayBtn: false,
 todayHighlight: false,
 weekStart: 0
 };

 3、效果如下

bootstrap datepicker插件默认英文修改为中文

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 函数式编程的原理
Oct 16 Javascript
jquery 删除cookie失效的解决方法
Nov 12 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
js跨域资源共享 基础篇
Jul 02 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 #Javascript
基于JS实现移动端左滑删除功能
Jul 28 #Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 #Javascript
webpack实现热更新(实施同步刷新)
Jul 28 #Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 #Javascript
解决React Native端口号修改的方法
Jul 28 #Javascript
vue+vux实现移动端文件上传样式
Jul 28 #Javascript
You might like
PHP SPL标准库之数据结构堆(SplHeap)简单使用实例
2015/05/12 PHP
php自定义时间转换函数示例
2016/12/07 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
2018/07/19 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
Python中对列表排序实例
2015/01/04 Python
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
python 实现倒排索引的方法
2018/12/25 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
如何表示python中的相对路径
2020/07/08 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
德国运动营养和健身网上商店:Myprotein.de
2018/07/18 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
师德师风剖析材料
2014/09/30 职场文书
自我检讨报告
2015/01/28 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
速龙x4-860k处理器相当于i几
2022/04/20 数码科技