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'


});