bootstrap datepicker插件默认英文修改为中文
程序员文章站
2022-05-14 19:53:13
datepicker插件默认为英文,而且格式为:mm/dd/yyyy这种情况,看起来不怎么直观。
修改目标:
1、默认显示为中文
2、格式为:yyyy年m...
datepicker插件默认为英文,而且格式为:mm/dd/yyyy这种情况,看起来不怎么直观。
修改目标:
1、默认显示为中文
2、格式为:yyyy年mm月dd日
需要修改两个地方:
1、更改datas对象, 增加zh-cn语言选项;参见源代码的1419行
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" }, "zh-cn":{ days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"], daysshort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"], daysmin: ["日", "一", "二", "三", "四", "五", "六", "日"], months: ["一月份", "二月份", "三月份", "四月份", "五月份", "六月份", "七月份", "八月份", "九月份", "十月份", "十一月份", "十二月份"], monthsshort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], today: "今天", clear: "清空" } };
红色部分为新增部分。
2、修改默认参数,即defaults对象。
var defaults = $.fn.datepicker.defaults = { autoclose: false, beforeshowday: $.noop, calendarweeks: false, clearbtn: false, daysofweekdisabled: [], enddate: infinity, forceparse: true, format: 'yyyy年mm月dd日', keyboardnavigation: true, language: 'zh-cn', minviewmode: 0, multidate: false, multidateseparator: ',', orientation: "auto", rtl: false, startdate: -infinity, startview: 0, todaybtn: false, todayhighlight: false, weekstart: 0 };
3、效果如下
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。