如何禁用和启用 bootstrap 日期选择器

Question

我正在尝试禁用和启用 bootstrap 日期选择器。
中描述的方法对我不起作用，可能是因为我需要在 $(document).ready().
之外 disable/enable 它 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() 函数之外成功完成的。也许您对正在使用的特定选择器有疑问？该片段是根据您链接的答案修改的。

编辑：好的，看到您的 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>

如何禁用和启用 bootstrap 日期选择器

How to disable and enable the bootstrap datepicker

jquery

datepicker

twitter-bootstrap

typescript