BootStrap Datepicker 插件修改为默认中文的实现方法


Posted in Javascript onFebruary 10, 2017

bootstrap-datepicker 是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文

1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存

2、增加 cn 语言选项 

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"
    },
    cn: {
      days: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
      daysShort: ["日", "一", "二", "三", "四", "五", "六", "七"],
      daysMin: ["日", "一", "二", "三", "四", "五", "六", "七"],
      months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
      monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
      today: "今天",
      clear: "清除"
    }
  };

红色部分为增加的语言选项

3、修改默认参数,默认语言为 cn 

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

红色部分为修改的默认语言

至此完成默认中文的修改,效果如下图:

BootStrap Datepicker 插件修改为默认中文的实现方法

以上所述是小编给大家介绍的BootStrap Datepicker 插件修改为默认中文的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
浅谈vue-lazyload实现的详细过程
Aug 22 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
Aug 31 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 #Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 #Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 #Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 #Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 #Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 #Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 #Javascript
You might like
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
jquery 经典动画菜单效果代码
2010/01/26 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
通过实例学习React中事件节流防抖
2019/06/17 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
Python冒泡排序注意要点实例详解
2016/09/09 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
使用python实现生成用户信息
2017/03/20 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
微信小程序python用户认证的实现
2019/07/29 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
django的autoreload机制实现
2020/06/03 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
在校大学生个人的自我评价
2014/02/13 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
银行授权委托书范本
2014/10/04 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
公司股份合作协议书
2014/12/07 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
职工培训工作总结
2015/08/10 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB