javascript - 时间选择器禁用使用从 PHP 返回的字符串

Question

我正在使用This timepicker让用户选择预订时间。为了禁用已经预订的时间，我得到了一个字符串形式的 php，看起来像这样

['上午 10:00 ', '上午 10:10'],['上午 11:00 ', '上午 11:10'],['下午 12:20 ' , '下午 12:30'] ,['10:20 AM','10:30 AM']

但是当我在禁用时间范围内使用这个数组时，它不起作用。

我正在使用 ajax go 从 php 获取值并在返回时禁用它。

非常感谢，哈萨姆

$(document).ready(function(){
    $('.timepicker').click(function(){
        var ajaxurl = 'Ajax.php',
        data =  {'action': 'Hassam'};
        $.post(ajaxurl, data, function (response) {
            $('input[name="datetime"]').timepicker({
              disableTimeRanges: [ response ],
            });
     //      disableTime = response;
           alert(response);

    });

});
});

var disTime; 
disTime= "['10:00am', '10:20am'],['4:20pm', '4:40pm']";
$( document ).ready(function() {
    $('input[name="datetime"]').timepicker({
    minTime: '10:00am',
    maxTime: '04:40pm',
    step: 20, // 20 minutes
    disableTimeRanges: [disTime ],
    // showDuration: true
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><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-timepicker/1.10.0/jquery.timepicker.min.js"></script>


<input id="timepicker"
       type="text" 
       class = "timepicker"
       name="datetime"
       placeholder = "Time*"
       required/>

Answer 1

根据时间选择器的文档，disableTimeRanges 需要向其传递一个范围数组。相反，您向其传递一个字符串。

解析来自服务器的响应，它应该可以工作。

disableTimeRanges: [JSON.parse(response)]