欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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、效果如下

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

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