Сделать bootstrap DatePicker отключенным от кнопки

Question

Я создал форму с большим количеством данных внутри. У меня есть кнопка, которую я использую, чтобы отключить поля внутри формы. Все отлично работает, но я понятия не имею, что делать с таймерами

У меня есть несколько фишек, и я хочу отключить их все.

Вот часть кода, которую я сделал для этого:

$("#object-form").on("click mousedown mouseup onkeydown",  select, textarea, .date", function (evt) {
    evt.preventDefault();
    evt.stopPropagation();
    return false;
});

Но для сборщиков данных этот подход не работает.

Вот простой html для моего указателя даты:

<div class='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

<div class='input-group date' id='datetimepicker2'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

<button onclick='DisableThem()'>Disable datepickers</button>

Что я должен написать в DisableThem (), чтобы мой код работал?

Answer 1

Селектор Проблема:

.date - это селектор для div, а не для. Только для этого случая вы можете использовать .form-control или добавить свой собственный селектор.

$("#object-form").on("click mousedown mouseup onkeydown",  select, textarea, .date", function (evt) {
                evt.preventDefault();
                evt.stopPropagation();
                return false;
            });

Не стесняйтесь спрашивать, если вам нужно больше разъяснений.