无法销毁引导日期时间选择器-（无法读取未定义的属性'destroy'）

Question

我正在使用Eonasdan引导程序datetimepicker，可在https://eonasdan.github.io/bootstrap-datetimepicker/上找到。

我有一个要销毁/重新初始化插件的场景。

我有以下代码：

机构

@foreach($available_slot as $ak => $av)

    <a href="#" data-slot_start_time="{{$av['start']}}" data-slot_end_time="{{$av['end']}}" data-enabled_hours="{{$av['enabledHours']}}" class="btn btn-xs btn-success bookNow">Book Now</a>

@endforeach

脚本

$(function(){
    var $body = $('body');
    $body.on('click','.bookNow',function(){
        var slotStartTime = $(this).data('slot_start_time');
        var slotEndTime = $(this).data('slot_end_time');
        var enabledHours = $(this).data('enabled_hours');
        fillBookingModalForm(enabledHours,slotStartTime,slotEndTime);
        $('#bookingFormModal').modal('show');
    });

});

function fillBookingModalForm(hours,slotStartTime,slotEndTime)
{
    $('#bookingFormFront #slotStartTime').val(slotStartTime);
    $('#bookingFormFront #slotEndTime').val(slotEndTime);

    //in this line I tried to destroy
    $('#start_time').data("DateTimePicker").destroy();


    $("#start_time").datetimepicker({
        useCurrent: false,
        format: "hh:mm a",
        enabledHours: hours,
        stepping: 30
    });
}

这是我发现的有关destroy功能的链接。https://eonasdan.github.io/bootstrap-datetimepicker/Functions/

但是，当我添加$('#start_time').data("DateTimePicker").destroy();行时，它将在控制台窗口上显示以下错误。

Uncaught TypeError: Cannot read property 'destroy' of undefined

Answer 1

尝试使用此命令

 $("#start_time").datepicker('remove');

此链接的参考Similar question