ace admin日期控件 中文显示
2017-07-14 21:09
543 查看
ace admin框架是基于bootstrap的一款前端框架,它的日期控件功能强大,但是更换中文显示找了半天也只找到一篇文档,而且还不能全都显示中文。
后来终于闹明白了:原来ace admin的日期控件是基于两种不同的插件开发的,一部分基于bootstrap-datepicker(注意,不是bootstrap中文网上的bootstrap-datetimepicker),另一部分基于moment.js.
两个插件的国际化方式各不同相同:
对于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制作的
总之,引入两个插件的语言包,并配置本地化参数,就都能实现中文显示
后来终于闹明白了:原来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制作的
总之,引入两个插件的语言包,并配置本地化参数,就都能实现中文显示
相关文章推荐
- angular ui-bootstrap日期控件如何显示成中文
- jQuery UI的datepicker日期控件如何让他显示中文
- angular ui-bootstrap日期控件如何显示成中文
- ExtJs4.0 的日期控件中文显示
- jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?
- Ajax Control Toolkit中CalendarExtender(日期)控件显示中文的设定
- CalendarExtender控件日期格式 显示中文
- Ajax Control Toolkit中CalendarExtender(日期)控件显示中文的设定
- jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文呢?
- 解决Extjs4.2 日期控件加载中文语言后星期栏全显示成y
- jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?
- 再次给力发布,首款全中文习惯,支持鼠标滑动多选的多月(可以显示N个月)的日历控件,界面仿Twitter风格,多语言支持,Ctrl/Shift多选支持,日期范围限制支持,自定义事件支持
- flex 一个中文显示的日期控件
- 简单设置让EasyUI显示中文,日期选择框格式为yyyy-MM-dd格式
- jqueryui的datepicker显示中文日期格式的设置
- SilverLight:基础控件使用(4)-日期显示和选择类控件
- 如何让DevExpress的DateEdit控件正确显示日期的周名
- 显示日期时间选择框的js控件
- DOTNETBAR的MonthCalendarAdv 控件指定日期加粗显示的实现
- 如何让类似imagePicker以及MVMoview系统控件返回按钮显示中文