您的位置:首页 > 其它

ace admin日期控件 中文显示

2017-07-14 21:09 543 查看
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制作的

总之,引入两个插件的语言包,并配置本地化参数,就都能实现中文显示
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐