jquery Timepicker и ajax

Question

Я пытаюсь передать значения времени в timepicker. Я беру время из базы данных, используя ajax. когда я передаю значения из базы данных в параметр disableTimeRanges, время

$(function() {
        $("#id_time_visit").timepicker({
             timeFormat: 'H:i',
             minTime: '8', 
             maxTime: '19',
             step: 60,
             disableTimeRanges: []
        });
    });
    $('.pole').change('input', function() {
     var datetime = $(this).val();//I get the value from the form field
       $.ajax({
       url: '/your-url/',
       type: 'get', 
       data: {'datetime': datetime},
        success: function(e){
             console.log(e)
             var time=e;
             $("#id_time_visit").timepicker({
                 timeFormat: 'H:i',
                 minTime: '8', 
                 maxTime: '19',
                 step: 60,
                 disableTimeRanges: time
             });
        },
        error: function(e){
             console.log(e);
        }
    })

становится недоступным, но когда я выбираю другой день, который имеет другое время, то время для этого дня становится недоступным только если я перезагрузить страницу. Как сделать обновление времени при смене дня без перезагрузки

Answer 1

Чтобы обновить таймер в этом случае, мы обновляем только указанную целевую опцию c. Массив в этом коде предназначен для имитации вашего Ajax вызова.

let disRange = [
    [
        "11.00 am",
        "16.00 am"
    ]
 ];
$(function() {
        $("#id_time_visit").timepicker({
             timeFormat: 'H:i',
             minTime: '8', 
             maxTime: '19',
             step: 60,
             disableTimeRanges: []
        });
        $('#id_time_visit').timepicker('option', 'disableTimeRanges', disRange);   
    });

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.js"></script>


<input id="id_time_visit" type="text">

PS: Если это не работает, пожалуйста, поделитесь своей другой частью кода, где вы используете события на (календарных) входах Дней ...