javascript - 查询 : How to loop Array disableTimeRanges from json

Question

如何显示从数组到 disableTimeRanges 数组的所有索引？这是我的代码

<input id="tanggal" type="date">
<input id="horaInicio" type="text" class="time" />

<script type="text/javascript">
        $(document).ready(function() {
        $('#tanggal').on('change', function() {
            var tanggal = $(this).val();
                if(tanggal) {
                $.ajax({
                    url: '{{url("/tanggal")}}/'+encodeURI(tanggal),
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                    $.each(data, function(key, value) {
                        $('#horaInicio').timepicker('remove').timepicker({'disableTimeRanges': [ [value['dari'], value['sampai']], ] });
                        });
                    }
                });
                }
               });
            });
    </script>

索引 [0]:凌晨 3:00、凌晨 4:00

index [1] : 6:00am, 9:00am

但我的代码只显示最后一个索引，我想显示我所有的索引。谢谢:)

Answer 1

这是因为您正在覆盖“每个”数组元素的 disableTimeRanges 属性。所以只记录最后一个。

要解决此问题，请引用文档中的示例:

$('#disableTimeRangesExample').timepicker({
    'disableTimeRanges': [
        ['1am', '2am'],
        ['3am', '4:01am']
    ]
});

所以首先，将来自服务器的数据转换为匹配这种格式并将其放入一个新数组中。然后只需将数组传递到“disableTimeRanges”属性即可。

变化:

$.each(data, function(key, value) {
    $('#horaInicio').timepicker('remove').timepicker(
      {'disableTimeRanges': [[value['dari'], value['sampai']], ] });
});

收件人:

let exclusions = data.map(item=>[item.value['Dari'], item.value['sampan']]);
$('#horaInicio').timepicker('remove').timepicker(
          {'disableTimeRanges': exclusions });