Javascript函數，允許在單擊時在文本框中輸入范圍（08-15）之間的默認時間，或默認（范圍內）時間

Question

我從以下站點使用dateTimePicker jQuery插件： http : //xdsoft.net/jqplugins/datetimepicker

在我的字段中，我使用日期和時間，格式為format:'d/m/YH:i' 。

我已將allowTimes設置為08:00至15:00，並且工作正常。 但是，如果您選擇一個日期，即使允許的時間在08:00到15:00之間，它也會自動顯示當前時間（16.30）。 如何設置默認時間或最大時間（允許范圍之間的任何時間）？ 謝謝。

這是我的代碼

$(document).ready(function(){

var d = new Date();
d.setDate(d.getDate() + 3);
var month = d.getMonth()+1;
var day = d.getDate();
var output = d.getFullYear() + '/' + (month<10 ? '0' : '') + month + '/' + (day<10 ? '0' : '') + day;

$('#datetimepicker').datetimepicker({
onShow: function(){
this.setOptions({ minDate: output });
},



onGenerate:function( ct ){
        $(this).find('.xdsoft_date.xdsoft_weekend')
            .addClass('xdsoft_disabled');
    },
    weekends:['01.01.2014','02.01.2014','03.01.2014','04.01.2014','05.01.2014','06.01.2014'],
    format:'d/m/Y H:i',
    minDate:'0',
    validateOnBlur: false,
    minTime:'08:00',
    maxTime:'15:00',
    dayOfWeekStart:'1',
    allowTimes:[
  '08:00', '08:30', '09:00', '09:30', '10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '13:00', '13:30', '14:00', '14:30', '15:00'
 ]


});
});

Answer 1

該插件具有onChangeDateTime事件處理程序，因此您可以在datepicker選項中添加以下內容：

onChangeDateTime:function(db,$input){
    var time = $input.val();
    // Now use some if logic to determine if the time has minutes
    // And if it does change the time to the closest appropriate.
}

選擇日期后應立即調用此函數，並且如果該日期后的當前時間超出了所需范圍，則可以在此處進行更改，並且用戶永遠不會看到無效的當前時間。