日期 bootsrtap-datatimepicker and bootstrap-datepicker 控件支持中文
2016-05-26 17:53
946 查看
引用 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
![](https://images2015.cnblogs.com/blog/605804/201605/605804-20160526174711100-1158996194.jpg)
出处:http://www.myext.cn/c/a_6181.html
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>
![](https://images2015.cnblogs.com/blog/605804/201605/605804-20160526174711100-1158996194.jpg)
出处:http://www.myext.cn/c/a_6181.html
![](file:///C:\Users\c-juiet.zhu\AppData\Roaming\Tencent\Users\2881289354\QQEIM\WinTemp\RichOle\WMWBF%@}){32LAH~VX_EN6K.jpg)
相关文章推荐
- BootStrap中Datetimepicker和uploadify插件应用实例小结
- BootStrap中的table实现数据填充与分页应用小结
- 使用Bootstrap组件【下篇】
- 使用Bootstrap组件【上篇】
- JS表格组件神器bootstrap table详解(强化版)
- Bootstrap自定义文件上传下载样式
- 深入理解BootStrap之栅格系统(布局)
- bootstrap制作搜索框及添加回车搜索事件
- bootstrap-datetimepicker 显示月
- Java ]JavaEE框架Bootstrap、HTML5、jQuery、SpringMVC
- bootstrap container 如何去除左右padding
- Bootstrap模板
- Bootstrap Input file 上传文件大小限制设定
- 利用session生成bootstrap下拉列表
- bootstrap-fileinput 插件使用总结(最近做项目应用到了这个上传文件的插件,分享下不够完善请指出共同进步)
- bootstrap的ajax提交
- Bootstrap使用Javascript显示模态框后页面上移
- 30分钟快速掌握Bootstrap
- BootStrap的Datepicker控件使用心得分享
- Bootstrap相关整理、免费主题整理