一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2017-03-27 编辑:简简单单 来源:一聚教程网

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

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

2、增加 cn 语言选项

 代码如下复制代码

vardates = $.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"

    },

    cn: {

      days: ["周日","周一","周二","周三","周四","周五","周六","周日"],

      daysShort: ["日","一","二","三","四","五","六","七"],

      daysMin: ["日","一","二","三","四","五","六","七"],

      months: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],

      monthsShort: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],

      today:"今天",

      clear:"清除"

    }

  };

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

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

 代码如下复制代码

vardefaults = $.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

 };

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

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

热门栏目