javascript - getJSON更新javascript datetimepicker

我有一个使用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 datetimepicker

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进行工作。如果有人可以提供建议，我将不胜感激。

最佳答案

知道了像这样做：

$.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
        });
    }
});

当使用对象作为参数再次调用datetimepicker时，它将知道您要设置选项。