微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

2、增加 cn 语言选项

rush:js;"> 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","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today: "Today",clear: "Clear" },cn: { days: ["周日","周一","周二","周三","周四","周五","周六","周日"],daysShort: ["日","一","二","三","四","五","六","七"],daysMin: ["日",months: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort: ["一月",today: "今天",clear: "清除" } };

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

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

rush:js;"> 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 插件修改中文实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐