全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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

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  # 默认英文  # 中文  # Bootstrap datepicker日期选择器插件使用详解  # JS控件bootstrap datepicker使用方法详解  # BootStrap Datepicker 插件修改为默认中文的实现方法  # 浅谈Bootstrap的DatePicker日期范围选择  # bootstrap datepicker限定可选时间范围实现方法  # bootstrap datepicker 与bootstrapValidator同时使用时选择日期后  # BootStrap中Datepicker控件带中文的js文件  # BootStrap的Datepicker控件使用心得分享  # bootstrap datepicker的基本使用教程  # 格式为  # 周日  # 星期日  # 英文  # 这种情况  # 源代码  # 大家多多  # 清空  # 默认为  # October  # Sat  # Su  # daysMin  # Fri  # Sun  # months  # Tue  # Thu  # Wed  # Mo 


相关文章: c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何用AWS免费套餐快速搭建高效网站?  如何配置IIS站点权限与局域网访问?  网站制作需要会哪些技术,建立一个网站要花费多少?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  网站制作软件免费下载安装,有哪些免费下载的软件网站?  建站OpenVZ教程与优化策略:配置指南与性能提升  ,网页ppt怎么弄成自己的ppt?  中山网站制作网页,中山新生登记系统登记流程?  做企业网站制作流程,企业网站制作基本流程有哪些?  建站主机是否属于云主机类型?  如何通过PHP快速构建高效问答网站功能?  如何彻底卸载建站之星软件?  建站主机服务器选型指南与性能优化方案解析  盘锦网站制作公司,盘锦大洼有多少5G网站?  建站ABC备案流程中有哪些关键注意事项?  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  ,想在网上投简历,哪几个网站比较好?  定制建站策划方案_专业建站与网站建设方案一站式指南  广州营销型建站服务商推荐:技术优势与SEO优化解析  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  c# await 一个已经完成的Task会发生什么  如何在IIS中新建站点并配置端口与物理路径?  建站之星如何快速解决建站难题?  建站主机选虚拟主机还是云服务器更好?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  购物网站制作公司有哪些,哪个购物网站比较好?  网站制作免费,什么网站能看正片电影?  建站主机无法访问?如何排查域名与服务器问题  北京专业网站制作设计师招聘,北京白云观官方网站?  韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南  小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化  ,sp开头的版面叫什么?  如何通过宝塔面板实现本地网站访问?  长沙做网站要多少钱,长沙国安网络怎么样?  Thinkphp 中 distinct 的用法解析  如何快速重置建站主机并恢复默认配置?  如何零成本快速生成个人自助网站?  建站之星备案流程有哪些注意事项?  nginx修改上传文件大小限制的方法  招贴海报怎么做,什么是海报招贴?  建站之星如何助力网站排名飙升?揭秘高效技巧  个人摄影网站制作流程,摄影爱好者都去什么网站?  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片?  建站之星后台密码遗忘或太弱?如何重置与强化?  如何在沈阳梯子盘古建站优化SEO排名与功能模块?  C++如何使用std::optional?(处理可选值)  网站制作公司排行榜,四大门户网站排名?  建站之星官网登录失败?如何快速解决? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。