日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文

Posted 2020-07-13

引用 bootsrtap-datatimepicker and bootstrap-datepicker 控件，发现官方控件不支持中文

1，bootstrap-datepicker - 》解决方法：

从GitHub上下载下面这个第三方的已经支持本地化的，https://github.com/eternicode/bootstrap-datepicker，

只需要下载2个文件

bootstrap-datepicker.js

bootstrap-datepicker.zh-CN.js即可。

调用：

<script src="/assets/js/date-time/bootstrap-datepicker.js"></script>

<script src="/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>

$(‘.date-picker‘).datepicker({

　　language: ‘zh-CN‘,
　　autoclose: true,
　　todayHighlight: true
});

出处：http://blchen.com/make-bootstrap-datepicker-support-chinese/

2，bootstrap-datetimepicker - 》解决方法：

bootstrap-datetimepicker的本地化显示依赖于moment插件。也就是说moment插件提供了多语言的内容支持，而bootstrap-datetimepicker没有语言内容。

　为此，如果需要支持简体中文的显示，就需要加载中文的资源文件。

　在moment的官网，下载moment+locales.js，查找到’zh-CN’部分，另存为js文件，在moment.js和bootstrap-datetimepicker.js之间加载即可！

github：https://github.com/moment/moment

<script src="assets/thirdparty/bootstrap-datetimepicker/js/moment.js"></script>

<script src="assets/thirdparty/bootstrap-datetimepicker/js/moment_zh-CN.js"></script>

<script src="assets/thirdparty/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>

效果：

出处：http://www.myext.cn/c/a_6181.html