首页 > 代码库 > Bootstrap日期插件中文实现
Bootstrap日期插件中文实现
Bootstrap的相关JS和CSS直接跳过。
<script type="text/javascript" src="http://www.mamicode.com/static/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="http://www.mamicode.com/static/js/bootstrap.min.js"></script> <script type="text/javascript" src="http://www.mamicode.com/static/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="http://www.mamicode.com/static/js/bootstrap-datetimepicker.zh-CN.js"></script> <link rel="stylesheet" href="http://www.mamicode.com/static/css/bootstrap.css"> <link rel="stylesheet" href="http://www.mamicode.com/static/css/bootstrap-datetimepicker.min.css">
首先定一个中文国际化的JS,如bootstrap-datetimepicker.zh-CN.js
/** * 中文-国际化 * @param $ */ (function($){ $.fn.datetimepicker.dates[‘zh-CN‘] = { days: [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘], daysShort: [‘周日‘,‘周一‘,‘周二‘,‘周三‘,‘周四‘,‘周五‘,‘周六‘], daysMin: [‘日‘,‘一‘,‘二‘,‘三‘,‘四‘,‘五‘,‘六‘], months: [‘一月‘,‘二月‘,‘三月‘,‘四月‘,‘五月‘,‘六月‘, ‘七月‘,‘八月‘,‘九月‘,‘十月‘,‘十一月‘,‘十二月‘], monthsShort: [‘一月‘,‘二月‘,‘三月‘,‘四月‘,‘五月‘,‘六月‘, ‘七月‘,‘八月‘,‘九月‘,‘十月‘,‘十一月‘,‘十二月‘], today: ‘今天‘, suffix: [], meridiem: [], weekStart: 1, format: ‘yyyy-mm-dd‘ }; }(jQuery));
然后初始化日期插件,中文的JS一定要在初始化之前,先引用再初始化
$(function() { //初始化日期插件
$(‘.datepicker‘).datetimepicker({
language: ‘zh-CN‘,
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
pickerPosition:‘top-right‘//日期插件弹出的位置
}); });
最后实现结果如果:
Bootstrap日期插件中文实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。