javascript - getJSON 更新 javascript datetimepicker

Question

我有一个使用 ajax (getJSON) 调用的 api。目前，如果我想附加到定义的 div(即“open”)，它可以完美工作。

但是，我真正想做的是更新 javascript 中日期时间选择器的静态值，特别是 minTime 和 maxTime。

我的代码如下:

AJAX

$.getJSON("{{ url('api/openingtimes')}}", { option: $(this).val() }, 
    function(data) {
        if (data.success != false ) { 
            $('#open').empty();
            $.each(data, function(key, value) {
                $('#open').append('<div>' + value.weekday_start_time +' ' + value.weekday_end_time +'</div>');
            });
        }
}); 

JAVASCRIPT 日期时间选择器

var logic = function( currentDateTime ){
    if( currentDateTime.getDay()==6 ){  
        this.setOptions({
            minTime:'10:00',
            maxTime:'21:00'
        });
    } else
        this.setOptions({
            minTime:'08:00',
            maxTime:'22:00'
        });
    };

    jQuery('#start_date_time').datetimepicker({
        onChangeDateTime:logic,
        onShow:logic
    });               
});

API(JSON)

{
    "weekday_start_time": "08:00",
    "weekday_end_time": "22:00",
    "weekend_start_time": "10:00",
    "weekend_end_time": "21:00"
}

我正在努力了解如何通过我的 JSON feed 来实现这一点。如果有人能给我建议，我将不胜感激。

Answer 1

好的，我明白了。只需这样做:

$.getJSON("{{ url('api/openingtimes')}}", { option: $(this).val() }, function(data) {
    if (data.success != false ) { 
        jQuery('#start_date_time').datetimepicker({
            minTime: value.weekday_start_time,
            maxTime: value.weekday_end_time
        });
    }
});

当您使用对象作为参数再次调用日期时间选择器时，它知道您要设置选项。