当前位置:首页 > 日记 > 正文

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

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

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

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

2、增加 cn 语言选项 

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

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

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

 var defaults = $.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  };

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

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

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

相关文章

excel取数公式的使用教程excel取数

excel取数公式的使用教程excel取数

使用教程,公式,电脑软件,excel,strong,  Excel中经常需要使用到取数公式提取单元格的数值,取数公式具体该如何使用呢?下面是小编带来的关于excel取数公式的使用教程,希望阅读过后对你有所启发!excel取数公式的使用教程取数公式使用步骤1:本…

ps怎么清除切片? ps清除所有切片的

ps怎么清除切片? ps清除所有切片的

清除切片,教程,清除,切片,电脑软件,清除切片有三种方法,第一种一个一个来进行删除,第二种,选定想要清楚的进行清除,第三种,全部清除。首先,可以看到一张图片已经被全部切片均分。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB…

Word2007如何一次性批量删除文档中

Word2007如何一次性批量删除文档中

文档,批量删除,一次性,图片,电脑软件,  在Word文档中有很多的图片,目前的需求是如何批量将其删除,即一次性删除这些图片,不用逐张删除。以下是小编为您带来的关于Word2007批量删除文档中的图片,希望对您有所帮助。Word2007批量删除文档中的图…

PPT另存为htm格式快速提取如何操作

PPT另存为htm格式快速提取如何操作

另存为,操作,快速,格式,电脑软件,  如果我们需要将某个PowerPoint演示文稿中的图片单独提取出来,只要将其另存为网页格式即可。以下是小编为您带来的关于PPT另存为htm格式快速提取,希望对您有所帮助。PPT另存为htm格式快速提取动画演示:①启…

Office2007怎样设置下拉菜单Office

Office2007怎样设置下拉菜单Office

设置,下拉菜单,方法,步骤,电脑软件,  在我们使用office2007办公软件的过程中,常常需要输入一些固定的词语,比如说,性别的“男女”以及进行判断的:“是否”等。既然是常用词,为什么不设置一个下拉菜单,当需要用到该词的时候…

excel比较字符串是否相同的函数用

excel比较字符串是否相同的函数用

字符串,函数用法,电脑软件,excel,strong,  Excel中的字符串是否相同具体该如何用函数进行比较呢?接下来是小编为大家带来的excel比较字符串是否相同的函数用法,供大家参考。excel比较字符串是否相同的函数用法比较字符串函数使用步骤1:如图…

怎么让PPT中背景音乐在多个页面中

怎么让PPT中背景音乐在多个页面中

多个,背景音乐,连续播放,页面,电脑软件,  使用PPT幻灯片,有时我们给幻灯片添加了背景音乐,使PPT的效果更好,更能渲染会场的气氛。以下是小编为您带来的关于PPT中背景音乐在多个页面中连续播放,希望对您有所帮助。PPT中背景音乐在多个页面中连…

怎么使用动作按钮让PPT光彩绽放

怎么使用动作按钮让PPT光彩绽放

光彩,按钮,动作,电脑软件,PPT,  在ppt中添加动作按钮,能为我们的ppt添加不少光彩哦,更何况系统为我们提供了很多自带的动作按钮,既简单又省事。以下是小编为您带来的关于使用动作按钮让你的PPT光彩绽放,希望对您有所帮助。使用动作按钮让你的…

微信怎么不让陌生人加我好友微信怎

微信怎么不让陌生人加我好友微信怎

设置,照片,方法,陌生人,好友,  不想收到陌生人发来添加好友的信息怎么办?微信怎么设置禁止让陌生人加自己好友呢?下面,小编来分享下微信怎么不让陌生人加你为好友的教程。微信不让陌生人加我好友的办法1.进入微信,点击【我】2.选择【设置】3.…

excel07版变成03界面的方法excel07

excel07版变成03界面的方法excel07

界面,方法,删除,空行,快速,  Excel中07的版本跟03的界面不太一样,可能有一些用户使用得不太习惯。这个时候就需要进行一些修改了。下面是由小编分享的excel07版变成03界面的方法,希望对你有用。excel07版变成03界面的方法Excel 2007全新的…

JQuery Dialog对话框 不能通过Esc

JQuery Dialog对话框 不能通过Esc

对话框,解决办法,原因,电脑软件,JQuery,背景:想通过Esc键关闭展示中的Dialog对话框,发现有些对话框可以,有些会失效。原因分析:1、对话框上可以输入内容的标签元素可以,反之不行。2、如果鼠标点击对话框后,也可以Esc键关闭。可以看出对话框上是需…

ps创意合成一张美人鱼与啤酒的宣传

ps创意合成一张美人鱼与啤酒的宣传

教程,创意,宣传海报,电脑软件,ps,ps怎样创意合成一张美人鱼与啤酒的宣传海报?运用PHOTOSHOP软件,可以很简单的制作大家想要的照片,下面和小编一起来看看具体步骤吧。最终效果:前序很多同学都希望能做好的合成图片,但是往往都是做着做着就放弃了…