Удалить функцию Datepicker динамически

Question

Я хочу удалить функцию выбора даты в зависимости от выбранного значения в раскрывающемся списке.Я пытаюсь следующие коды, но он все еще показывает календарь, когда я помещаю курсор в текстовое поле.Пожалуйста, дайте мне предложение.

$("#ddlSearchType").change(function () {
    if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {
        $("#txtSearch").datepicker();
    } else {
        $("#txtSearch").datepicker("option", "disabled", true);
    }
});

Answer 1

Вы можете попробовать методы включения / выключения вместо использования метода option:

$("#txtSearch").datepicker("enable");
$("#txtSearch").datepicker("disable");

Это отключает все текстовое поле. Возможно, вы можете использовать datepicker.destroy() вместо:

$(document).ready(function() {
    $("#ddlSearchType").change(function() {
        if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {
            $("#txtSearch").datepicker();
        }
        else {
            $("#txtSearch").datepicker("destroy");
        }
    }).change();
});

Демо здесь .

Answer 2

Уничтожить экземпляр средства выбора даты, когда он вам не нужен, и создавать новый экземпляр, когда это необходимо.

Я знаю, что это ужасно, но только это, кажется, работает ...

Проверьте это

 $("#ddlSearchType").change(function () {
        if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {
                $("#txtSearch").datepicker();

         }
          else {
                $("#txtSearch").datepicker("destroy");                    
         }
 });

Answer 3

Просто привяжите указатель даты к классу, а не привязывайте его к идентификатору.Удалите класс, если вы хотите отозвать средство выбора даты ...

$("#ddlSearchType").change(function () { 
  if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date")                   { 
    $("#txtSearch").addClass("mydate");
    $(".mydate").datepicker()
  } else { 
    $("#txtSearch").removeClass("mydate");
  } 
}); 

Answer 4

Ну, у меня была та же проблема, и я пытался "уничтожить", но у меня это не сработало.Затем я нашел следующую работу вокруг моего HTML был:

<input placeholder="Select Date" id="MyControlId" class="form-control datepicker" type="text" />

Jquery Это работает для меня:

$('#MyControlId').data('datepicker').remove();

Answer 5

как насчет использования официального API ?

Согласно API doc:

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

Использование:

$("#txtSearch").datepicker("destroy");

для восстановления нормального поведения ввода и

$("#txtSearch").datepicker(/*options*/);

снова, чтобы снова показать сборщик данных.

Answer 6

Это решение, которое я использую.У него есть больше строк, но он будет создавать указатель даты только один раз.

$('#txtSearch').datepicker({
    constrainInput:false,
    beforeShow: function(){
        var t = $('#ddlSearchType').val();
        if( ['Required Date', 'Submitted Date'].indexOf(t) ) {
            $('#txtSearch').prop('readonly', false);
            return false;
        }
        else $('#txtSearch').prop('readonly', true);
    }
});

Указатель даты не будет отображаться, если только значение ddlSearchType не равно «Требуемая дата» или «Дата отправки»