2017-04-06 50 views
0

我的應用程序上有2個datetimepicker,稱爲開始日期&到期日。如果用戶選擇4月7日作爲開始日期,那麼結束日期不應小於7日,應在4月7日之前禁用日期。由於它的日期時間戳記器應該考慮日期&時間。DateTimePicker onchage狀態

$('.tsk_start').datetimepicker({ 
    format: 'yyyy-mm-dd hh:ii', 
    //daysOfWeekDisabled:[5,6], 
    autoclose: true, 
    todayBtn: true, 
    startDate: new Date(), 
}).on('changeDate', function(selected){   

}); 

$('.tsk_end').datetimepicker({ 
    format: 'yyyy-mm-dd hh:ii', 
    autoclose: true, 
    todayBtn: true, 
}).on('changeDate', function(selected){ 

}); 

我在這裏搜索了多個問題,但無法找到適當的文檔。我使用這個插件http://www.malot.fr/bootstrap-datetimepicker/index.php

+0

您需要修改從第一個選擇開始時,第二個日期選擇器的設置。你怎麼做取決於插件公開的方法。你在使用哪一個? –

+0

這一個http://www.malot.fr/bootstrap-datetimepicker/index.php – Zack

+0

謝謝。我爲你添加了一個答案 –

回答

0

當你說出你使用this plugin,那麼它可以讓你當選擇一個選項設置選擇器的開始日期,就像這樣:

$('.tsk_start').datetimepicker({ 
    format: 'yyyy-mm-dd hh:ii', 
    autoclose: true, 
    todayBtn: true, 
    startDate: new Date(), 
}).on('changeDate', function(selected){   
    $('.tsk_end').datetimepicker('setStartDate', selected.date.valueOf()); 
}); 

$('.tsk_end').datetimepicker({ 
    format: 'yyyy-mm-dd hh:ii', 
    autoclose: true, 
    todayBtn: true, 
}) 
+0

獲取此錯誤 http://prnt.sc/et5zvo – Zack

+0

嘗試使用只是'selected.date' –

+0

現在工作正常,但有一個問題,如果我選擇開始日期2017-04-07 00:00但無法選擇2017年後-04-07 00:00至2017-04-07 04:00,00:01,00:02,00:03在結束日期禁用?在結束日期3小時的差異 – Zack