下面是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