Почему мой инструмент выбора даты Bootstrap дублируется, если он открыт слишком рано? ⇐ Jquery

[Anonymous]

В моем коде есть DatePicker, и когда я открываю DatePicker до того, как все запросы будут выполнены, когда они будут выполнены, он добавляет встроенный DatePicker в раскрывающийся список моего DatePicker, вот мой код

Код: Выделить всё

@Html.TextBox("InHandDate", "", new { @class = "datepicker", @group = "inhanddate", @data_date_format = HelperMethods.GetDateFormat(), @data_test_selector = "txtInHandDate" })                                                                   

и инициализация в классе

Код: Выделить всё

$("#InHandDate").datepicker({
//@ts-ignore
daysOfWeekDisabled: '0,6'
});
$("#InHandDate").datepicker('setDaysOfWeekDisabled', [0, 6])

и в элементе сценария

Код: Выделить всё

$(document).ready(function () {
let minDate;
if ($("input[class='PickUpShipping']").is(":checked")){
$(".CashOnPickup").show();
$("#warehouses-select").css("display", "block");
minDate = '@(HelperMethods.GetDateTime())';
} else {
$(".CashOnPickup").hide();
$("#warehouses-select").css("display", "none");
minDate = '@(HelperMethods.GetDateTime().AddDays(1))';
}
$("#InHandDate").datepicker('setStartDate', new Date(minDate))
});

$("input[name='ShippingOptions']").on("click", function (ev) {
let minDate;
if ($(this).data('shippingcode') === 'Pickup') {
$(".CashOnPickup").show();
$("#warehouses-select").css("display", "block");
minDate = '@(HelperMethods.GetDateTime())';
} else {
$(".CashOnPickup").hide();
$(".CashOnPickup input").prop('checked', false);
$("#warehouses-select").css("display", "none");
minDate = '@(HelperMethods.GetDateTime().AddDays(1))';
}
$("#InHandDate").datepicker('setStartDate', new Date(minDate))
});

$("input[name='ShippingOptions']").on("change", function (ev) {
$("#InHandDate").datepicker('setDate', "");
});

Я пытался предотвратить это разными способами. но пока не повезло

Подробнее здесь: https://stackoverflow.com/questions/782 ... -too-early