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

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

ace admin日期控件中文显示相关推荐

Vue项目中使用ant-design时设置DatePicker日期控件中文显示
默认配置为 en-US,如果你需要设置其他语言,推荐在入口处使用提供的国际化组件,详见:LocaleProvider 国际化. 方式一:在组件中单独设置 import locale from 'ant ...
elementUI日期控件el-date-picker显示的月份、日期由英文改为中文
问题现象:日期控件显示的英文出现英文的原因:项目在main.js文件里设置的默认语言为英文. 改为中文的方法: Vue.use(ElementUI, { zhLocale })
bootstrap日期控件只显示年月
<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > ...
elementUI日期控件el-date-picker显示的月份、日期变成英文了
从elementui上复制下来组件,发现日期变成英文了出现英文的原因:项目在main.js文件里设置的默认语言为英文. 解决:在main.js中引入中文方法即可 //在main.js中引入中文方法即 ...
Android日期控件如何兼容不同手机
============问题描述============ 请看图但是,在小米或者华为手机上,日期控件却显示 2014-09月-03 ,月份一栏中多了一个"月"字,这种感觉很不爽: ...
jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？...
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
BlogEngine .NET 日期控件显示问题
日期控件中只显示"星期"的问题的解决: 1. 打开"widgets\Calendar\widget.ascx"文件 2. 找到控件标签: <blog:Po ...
根据从日期控件选定的时间以表格形式显示数据_VB项目开发FlexGrid控件使用讲解...
FlexGrid控件使用介绍大家好,在VB开发管理系统中,FlexGrid控件使用是非常普遍的.用FlexGrid ActiveX控件可以在 Visual Basic的窗体中创建一个电子数据表格,也 ...
html只能选择年月,EasyUi日期控件datebox设置，只显示年月，也只能选择年月
EasyUi日期控件datebox设置,只显示年月,也只能选择年月 1.input 代码年月 1 2 3 4 5 6 7 8 2.设置只显示年月,只能选持年月: $(function() { $(' ...
H5自带的type=date或者month等日期控件移动端显示placeholder
H5自带的type=date或者month等日期控件移动端placeholder会无法显示解决方法: html部分 <li class="info-item select-item& ...

ace admin日期控件中文显示

bootstrap-datepicker:

ace admin日期控件中文显示相关推荐

最新文章

热门文章

ace admin日期控件 中文显示

bootstrap-datepicker:

ace admin日期控件 中文显示相关推荐

最新文章

热门文章

ace admin日期控件中文显示

ace admin日期控件中文显示相关推荐