bootstrap datetimepick 時分秒選擇,坑我15個小時,整理記錄

官網的datetimepick 下載連接javascript

官網下載css

<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'));

最重要的文件引入:java

<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

 

其它須要引入的就是jquery版本文件了。git

效果圖:github

 

 先選擇日期bootstrap

再選擇小時spa

 

再選擇分鐘,沒作到選擇秒數的,暫不須要那麼精確插件

相關文章
相關標籤/搜索