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 相关文章推荐
初试jQuery EasyUI 使用介绍
Apr 01 Javascript
input按钮的事件处理大全
Dec 10 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
Apr 28 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
React配置子路由的实现
Jun 03 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
PHP定时任务延缓执行的实现
2014/10/08 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
列表内容的选择
2006/06/30 Javascript
由浅到深了解JavaScript类
2006/09/08 Javascript
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
python实现寻找最长回文子序列的方法
2018/06/02 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
django框架基于模板 生成 excel(xls) 文件操作示例
2019/06/19 Python
python3.6+django2.0+mysql搭建网站过程详解
2019/07/24 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python实现银行管理系统
2019/10/25 Python
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
一些关于MySql加速和优化的面试题
2014/01/30 面试题
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
外语专业毕业生个人的自荐信
2013/11/19 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
环保建议书200字
2014/05/14 职场文书
产品售后服务承诺书
2014/05/21 职场文书
付款委托书范本
2014/10/05 职场文书
老干部工作汇报材料
2014/10/28 职场文书
小班下学期个人总结
2015/02/12 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
2015年公务员工作总结
2015/04/24 职场文书
Java详细解析==和equals的区别
2022/04/07 Java/Android
Python使用socket去实现TCP客户端和TCP服务端
2022/04/12 Python