ace admin框架是基于bootstrap的一款前端框架,它的日期控件功能强大,但是更换中文显示找了半天也只找到一篇文档,而且还不能全都显示中文。
后来终于闹明白了:原来ace admin的日期控件是基于两种不同的插件开发的,一部分基于bootstrap-datepicker(注意,不是bootstrap中文网上的bootstrap-datetimepicker),另一部分基于moment.js.
两个插件的国际化方式各不同相同:
bootstrap-datepicker:
Date Picker和RangePicker是基于bootstrap-datepicker的
对于bootstrap-datepicker,只要到https://github.com/uxsolutions/bootstrap-datepicker/tree/master/js/locales下载对应的语言包即可,其中中文是bootstrap-datepicker.zh-CN.js.然后在bootstrap-datepicker.js引入之后,实例化日期选择器之前引入,然后在实例化时配置一下参数
$('.date-picker').datepicker({
language: 'zh-CN',//选择语言
autoclose: true,
todayHighlight: true
});
即可;
,如果想获取更多使用方法,可以参见bootstrap-datepicker文档:
http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#todaybtn
——————————————————分割线——————————————————————————————————————————————————————
moment.js
Date Range Picker、Time Picker、Date/Time Picker是基于moment.js制作的
对于moment.js,需要找到moment.js的中文包,在此地址:github.com/moment/moment/tree/develop/locale 下载即可,然后在moment.js之后配置即可,不需要配置参数,控件就可自动显示中文。
Date Range Picker、Time Picker、Date/Time Picker是基于moment.js制作的
总之,引入两个插件的语言包,并配置本地化参数,就都能实现中文显示