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: "清除"
}
};
红色部分为增加的语言选项
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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。