0

我用Rails 4,我已經安裝了gem bootstrap3-datetimepicker-rails如何爲bootstrap3-datetimepicker調用「onSelect」函數? jQuery的

它工作正常,但我想能夠做一個onSelect像我可以用正常的bootstrap-datepicker調用。

我希望能夠做這樣的事情:

$("#start").datetimepicker({ 
    minDate: new Date() 
}).on("change", function(selectedDate) { 
    $("#end").datetimepicker({ minDate: selectedDate }); 
}); 

$("#end").datetimepicker(); 

documentation是非常模糊,似乎並不包括在這個概念什麼。我仍然很驚訝,驗證開始日期和結束日期的功能在任何日期或時間選擇器中都不是本地選項。

我怎麼會知道呢?

注意:我使用bootstrap3最新時間選擇器,而不是常規的自舉日期選擇器,而不是jQuery的的DateTimePicker。

側面說明:我一直認爲,世界上最理想的自動日期選擇器驗證會是這個樣子:

$("#start").datepicker({ 
    minDate: new Date(), 
    endDate: "#end" // Would automatically call $("#end").datepicker and set the minDate to whatever #start's selected date is 
}); 

我正考慮創建我自己的分公司,試圖實現它,因爲我覺得當創建日期選擇器時,通常會忽略開始和結束日期的概念,但這種概念經常需要。

回答

1

看看文檔部分的鏈接採摘:https://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

在你的情況,你會怎麼做:

$("#start").on("dp.change", function (e) { 
    $('#end').data("DateTimePicker").minDate(e.date); 
}); 
+0

無論你是天才還是我是白癡,但無論哪種方式,感謝你,因爲這工作。我完全忽略了文檔的這一領域。 –

0

試試這個,

$("#start").datetimepicker({ 
    minDate: new Date() 
}).on("change.dp", function(selectedDate) { 
    $("#end").datetimepicker({ minDate: selectedDate }); 
}); 

如果沒有,試試這個,

$("#start").datetimepicker({ 
     minDate: new Date() 
    }).on("dp.change", function(selectedDate) { 
     $("#end").datetimepicker({ minDate: selectedDate }); 
    }); 

檢查bootstrap-3-datetimepicker-events-not-firing-up更多信息