Как отключить и включить bootstrap datepicker

Question

Я пытаюсь отключить и включить bootstrap datepicker.
Метод, описанный в Как отключить Bootstrap DatePicker , у меня не работает, возможно, потому что мне нужно отключить / включить его за пределами $(document).ready().
jQuery ('.date').datepicker('remove'); работает, чтобы отключить его, но я не могу включить его снова.

Я также пытался
jQuery('.date').prop('disabled', true);
и
jQuery('.date').datepicker('option', 'disabled', true);
безуспешно.

Как снова включить сборщик данных или как его отключить по-другому?

Обновление: Часть HTML:

<div class="date">
  <input type="text" name="p_date" placeholder="" class="clr-input">
  <span class="input-group-addon">
    <clr-icon shape="calendar"></clr-icon>
  </span>
</div> 

Answer 1

Я не уверен насчет ваших селекторов, не увидев HTML, но посмотрите на фрагмент ниже, чтобы убедиться, что части «отключить» и «включить» выполнены успешно вне функции $ (document) .ready (). Может быть, у вас проблема с указанным вами селектором c? Этот фрагмент изменен из ответа, который вы связали.

Редактировать: Хорошо, увидев ваш HTML, похоже, что вы использовали окружающий div для селектора, но это не было доступа к вложенному вводу. Я предполагаю, что элемент clr - это какой-то значок из другой библиотеки или css, но вы можете получить к нему аналогичный доступ. Смотрите обновленный фрагмент:

$(document).ready(function() {
    $('.date').datepicker({
        format: 'dd/mm/yyyy',
        startDate: '01/01/2010',
        endDate: '12/30/2020',
        autoclose: true,
        language: 'da',
        enableOnReadonly: false
    });
});

$('#on').click(function(){
  $('.date > input').prop('disabled', false);
})

$('#off').click(function(){
  $('.date > input').prop('disabled', true);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker.min.css" rel="stylesheet"/>

<button id="on">On</button>
<br>
<button id="off">Off</button>

<br><br><br><br><br><br>
<div class="date">
  <input type="text" name="p_date" placeholder="" class="clr-input">
  <span class="input-group-addon">
    <clr-icon shape="calendar"></clr-icon>
  </span>
</div>