下面是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();//獲取結束時間
})