引导Datepicker插件修改为默认中文的实现方法

  

bootstrap-datepicker是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文

  

1,首先将bootstrap-datepicker。js另存为utf - 8格式保存

  

2,增加cn语言选项,

        var=$ .fn.datepicker日期。日期={   en: {   天:(“周日”、“星期一”,“周二”,“日”,“星期四”、“星期五”,“星期六”、“星期天”),   daysShort:(“太阳”、“我的”,“星期二”、“结婚”、“清华”、“星期五”,“坐”,“太阳”),   daysMin:(“苏”,“莫”,“你”、“我们”、“Th”、“Fr”、“Sa”,“苏”),   个月:(“1”,“2”,“3”、“4”,“可能”,“6”,“7”,“8”,“9”,“10”,“11”,“12”),   monthsShort:(“1”,“2”,“3”、“4月”,“可能”,“君”,“7”,“8月”,“9”,10月,11月,12月”),   今天:“今天”,   明确:“清楚”   },   cn: {   天:["周日”、“周一”,“周二”,“周三”,“周四”,“周五”,“周六”,“周日”),   daysShort:(“日”,“一”、“二”、“三”、“四”、“五”、“六”,“七”),   daysMin:(“日”,“一”、“二”、“三”、“四”、“五”、“六”,“七”),   个月:["一月”、“二月”,“三月”、“四月”,“五月”、“六月”,“七月”、“八月”、“九月”,“十月”,“十一月”,“十二月”),   monthsShort:["一月”、“二月”,“三月”、“四月”,“五月”、“六月”,“七月”、“八月”、“九月”,“十月”,“十一月”,“十二月”),   今天:“今天”,   明确:“清除”   }   };      

红色部分为增加的语言选项

  

3,修改默认参数,默认语言为cn 

        var=$ .fn.datepicker.defaults={违约   autoclose:假的,   beforeShowDay: $ .noop   calendarWeeks:假的,   clearBtn:假的,   daysOfWeekDisabled: [],   endDate:无穷,   forceParse:没错,   格式:“mm/dd/yyyy”,   keyboardNavigation:没错,   语言:“cn”,   minViewMode: 0,   定位:“汽车”,   rtl:假的,   startDate可以:无穷,   startView: 0,   todayBtn:假的,   todayHighlight:假的,   weekStart: 0   };      

红色部分为修改的默认语言

  

至此完成默认中文的修改,效果如下图:

  

引导Datepicker插件修改为默认中文的实现方法

  

以上所述是小编给大家介绍的引导Datepicker插件修改为默认中文的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

引导Datepicker插件修改为默认中文的实现方法