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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...