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


官網的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版本文件了。

效果圖:

 

 先選擇日期

再選擇小時

 

再選擇分鍾,沒做到選擇秒數的,暫不需要那么精確

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM