1.需要的css js
<link href="${basePath}/static/bootstrap/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="${basePath}/static/bootstrap/jquery.min.js"></script> <script src="${basePath}/static/bootstrap/bootstrap-datetimepicker.min.js"></script> <script src="${basePath}/static/bootstrap/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>2.js中的写法
$.fn.datetimepicker.dates['zh'] = { days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期日"], daysShort: ["日", "一", "二", "三", "四", "五", "六","日"], daysMin: ["日", "一", "二", "三", "四", "五", "六","日"], months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月","十二月"], monthsShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"], meridiem: ["上午", "下午"], //suffix: ["st", "nd", "rd", "th"], today: "今天" }; $('.date-picker').datetimepicker({ language: 'zh', format: 'yyyy-mm-dd hh:ii', autoclose: true, minuteStep:1, minView:0, todayHighlight: true, startView: 2, forceParse: 0, showMeridian: 1 });
3 页面:
<div style="display: inline-block;"> <input class="date-picker form-control" name="begin" id="begin" type="text" readonly="readonly" style="width:150px;" placeholder="开始日期" /> </div> <div style="display: inline-block;"> <input class="date-picker form-control" name="end" id="end" type="text" readonly="readonly" style="width:150px;" placeholder="结束日期" /> </div>