bootstrap-datetimepicker 獲取時間

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

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

 

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

//初始化控件
//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的時間有:bootstrap

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

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

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

})orm

相關文章
相關標籤/搜索