bootstrap-datetimepicker日历控件

引入文件

<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",//加上此参数，选择日期后，不会再跳转去选择时分秒

    language:  'zh-CN',

    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'

});