官網的datetimepick 下載鏈接
<input type="text" readonly name="feedDay" id="feedDay" class="form-control tbrq"/>
$('#feedDay').datetimepicker({ format: 'yyyy-mm-dd hh:ii:ss', autoclose: true, language: 'zh-CN', minuteStep: 1 }); $('#feedDay').val(new Date().format('yyyy-MM-dd HH:mm:ss'));
最重要的文件引入:
<script type="text/javascript" src="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script> <link href="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
文件必須引入以上3個文件。第一個是插件核心,第二個是漢化文件,第三個是樣式文件。
其它需要引入的就是jquery版本文件了。
效果圖:
先選擇日期
再選擇小時
再選擇分鍾,沒做到選擇秒數的,暫不需要那么精確