日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文

引用 bootsrtap-datatimepicker and bootstrap-datepicker 控件,发现官方控件不支持中文

1,bootstrap-datepicker - 》解决方法:

从GitHub上下载下面这个第三方的已经支持本地化的,https://github.com/eternicode/bootstrap-datepicker,

只需要下载2个文件

bootstrap-datepicker.js

bootstrap-datepicker.zh-CN.js即可。

调用:

$('.date-picker').datepicker({

  language: 'zh-CN',
  autoclose: true,
  todayHighlight: true
});

出处:http://blchen.com/make-bootstrap-datepicker-support-chinese/

2,bootstrap-datetimepicker - 》解决方法:

bootstrap-datetimepicker的本地化显示依赖于moment插件。也就是说moment插件提供了多语言的内容支持,而bootstrap-datetimepicker没有语言内容。

 为此,如果需要支持简体中文的显示,就需要加载中文的资源文件。

 在moment的官网,下载moment+locales.js,查找到’zh-CN’部分,另存为js文件,在moment.js和bootstrap-datetimepicker.js之间加载即可!

github:https://github.com/moment/moment

效果:

日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文_第1张图片

你可能感兴趣的:(项目功能经验)