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.
}

选择日期后应立即调用此函数，并且如果该日期后的当前时间超出了所需范围，则可以在此处进行更改，并且用户永远不会看到无效的当前时间。