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

bootstrap datepicker插件默认英文修改为中文

datepicker插件认为英文,而且格式为:mm/dd/yyyy这种情况,看起来不怎么直观。

修改目标:

1、显示中文

2、格式为:yyyy年mm月dd日

需要修改两个地方:

1、更改datas对象, 增加zh-cn语言选项;参见源代码的1419行

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" },"zh-cn":{ days: ["星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"],daysShort: ["周日","周一","周二","周三","周四","周五","周六","周日"],daysMin: ["日","一","二","三","四","五","六","日"],months: ["一月份","二月份","三月份","四月份","五月份","六月份","七月份","八月份","九月份","十月份","十一月份","十二月份"],monthsShort: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],today: "今天",clear: "清空" } };

红色部分为新增部分。

2、修改认参数,即defaults对象。

rush:js;"> 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、效果如下

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

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

相关推荐