bootstrap-datetimepicker 獲取時間


下面是html代碼,其中div的id:startTime用於初始化datetimepicker插件,表明開始時間顯示在id:startTime上;div為id:endTime表明開始時間顯示在id:endTime上。

想要獲取bootstrap-datetimepicker 顯示的時間,就要獲取input的值,因為bootstrap-datetimepicker 選取的時間在div內的input上

下面的代碼是初始化bootstrap-datetimepicker 控件,給控件的開始和結束時間綁定顯示的div:

 //初始化控件
//format設置的樣式就是日期的樣式,比如startTime='2017-09-24 12:00:00'.
//當format:'YYYY-MM-DD'時,#startTime上顯示的值為:2017-09-24
//當format:'YYYY-MM-DD hh:mm:ss'時,#startTime上顯示的值為:2017-09-24 12:00:00
//當format:'YYYY/MM/DD'時,#startTime上顯示的值為:2017/09/24
//當format:'YYYY/MM/DD hh:mm:ss'時,#startTime上顯示的值為:2017/09/24 12:00:00
    function initPlugin() {
        $('#startTime').datetimepicker({
            format:'YYYY-MM-DD',
            defaultDate:startTime,
            locale:'zh-CN',
            ignoreReadonly: true,
            debug: true
        });

        $('#endTime').datetimepicker({
            format:'YYYY-MM-DD',
            defaultDate:endTime,
            locale:'zh-CN',
            ignoreReadonly: true,
            debug: true
        });
    }

想要獲取#startTime和#endTime的時間有:

$('搜索').click(function(){

$('#startDate').val();//獲取開始時間

$('#endDate').val();//獲取結束時間

})


免責聲明!

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



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