引入文件
<link rel="stylesheet" href="/static/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript" src="/static/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="/static/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
html代码
<input type="text" name="start_time" maxlength="20" placeholder="2016-1-1 01:00" class="form-control" id="start_time" style="width: 160px;display:inline-block;" > 起 <input type="text" class="form-control" id="end_time" name="end_time" maxlength="20" placeholder="2016-2-2 02:00" style="width: 160px;display:inline-block;" > 止
jquery代码
<script type="text/javascript">
$('#start_time').datetimepicker({
minView:"month",//加上此参数,选择日期后,不会再跳转去选择时分秒
format: 'yyyy-mm-dd hh:ii'
});
$('#end_time').datetimepicker({
language: 'zh-CN',
format: 'yyyy-mm-dd hh:ii'
});
//效果图
只选着时分秒代码
$('#start_time').datetimepicker({
// minView: "month",
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0,
format: 'hh:ii'
});