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 

相关文章： 如何用VPS主机快速搭建个人网站？  制作网站的模板软件,网站怎么建设？  北京网站制作网页,网站升级改版需要多久？  教程网站设计制作软件,怎么创建自己的一个网站？  如何注册花生壳免费域名并搭建个人网站？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  如何配置IIS站点权限与局域网访问？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  建站之星如何快速更换网站模板？  怎么将XML数据可视化 D3.js加载XML  如何选择香港主机高效搭建外贸独立站？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  如何在VPS电脑上快速搭建网站？  ,石家庄四十八中学官网？  表情包在线制作网站免费,表情包怎么弄？  如何选择建站程序？包含哪些必备功能与类型？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  宁波免费建站如何选择可靠模板与平台？  在线制作视频网站免费,都有哪些好的动漫网站？  如何在云服务器上快速搭建个人网站？  建站之星后台管理如何实现高效配置？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  如何快速生成高效建站系统源代码？  网站制作说明怎么写,简述网页设计的流程并说明原因？  Bpmn 2.0的XML文件怎么画流程图  ,如何利用word制作宣传手册？  购物网站制作公司有哪些,哪个购物网站比较好？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何在自有机房高效搭建专业网站？  专业网站建设制作报价,网页设计制作要考什么证？  *服务器网站为何频现安全漏洞？  建站主机数据库如何配置才能提升网站性能？  建站之星如何实现五合一智能建站与营销推广？  宝塔建站无法访问？如何排查配置与端口问题？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  如何在建站之星网店版论坛获取技术支持？  如何通过虚拟主机快速完成网站搭建？  广州美橙建站如何快速搭建多端合一网站？  如何通过山东自助建站平台快速注册域名？  如何快速重置建站主机并恢复默认配置？  如何选择PHP开源工具快速搭建网站？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  贸易公司网站制作流程,出口贸易网站设计怎么做？