ace admin日期控件 中文显示

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制作的

总之,引入两个插件的语言包,并配置本地化参数,就都能实现中文显示

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值