DateTimePicker禁用时间jQuery

Question

我想使用 datetimepicker来执行我的预订功能，因此我需要禁用保留时间。但是，我仍然找不到一种工作方法。

我尝试了我见过的唯一类似的解决方案，但也失败了。谁能帮助我这个问题？

<h3>DateTimePicker</h3>
<input type="text" value="" id="datetimepicker"/><br><br> 

$.datetimepicker.setLocale('en');
$('#datetimepicker').datetimepicker({
    dayOfWeekStart: 1,
    lang: 'en',
    disabledDates: ['1986/01/08','1986/01/09','1986/01/10'],
    startDate: '1986/01/05'
});
$('#datetimepicker').datetimepicker({value:'2015/04/15 05:03',step:60});

var specificDates = ['24/12/2014','17/12/2014'];
var hoursToTakeAway = [[14,15],[17]];
$('#datetimepicker').datetimepicker({
    format:'d.m.Y H:i',
    timepicker: true,
    lang: 'en',
    onGenerate: function(ct,$i){
        var ind = specificDates.indexOf(ct.dateFormat('d/m/Y'));
        $('#datetimepicker').show();
        if(ind !== -1) {
            $('#datetimepicker').each(function(index){
                if(hoursToTakeAway[ind].indexOf(parseInt($(this).text())) !== -1)                      
                {
                    $(this).hide();        
                }
            });
        }
    }
});

Answer 1

您需要打电话给数据库，以带回预订时间的集合。然后，当您的datepicker打开时，每次在the the the the the dime the the dim上检查；如果一个匹配，则将其灰色/禁用，否则将其启用。Ajax是您的朋友。

Answer 2

我通过使用 onChangeDateTime:function(dp,$input)解决了我的问题，我只是将所选择的日期发送到我的控制器并返回字符串数组。然后我将其交给allowTimes以显示我的时间。

onChangeDateTime: function(dp,$input){          
    var pick = $input.val();
    $.getJSON('/ShiawaseWeb/Reservation/adjust.controller',{'pick':pick}, function(datas){      
        $('#datetimepicker').datetimepicker({allowTimes:datas[0]})
    })
}