javascript - 在输入字段上禁用日期选择器

Question

目前我有一个使用datepicker 的输入字段。我想知道如何禁用单击该字段时弹出的日期选择器 callendar，因为在我的页面上我希望日期选项仅在特定条件下可用。

<input id="date" type="text " class="form-control datepicker" name="date" value="Click to select date">

我试过:

 $("#date").datepicker('disable');

还有:

$( "#date" ).datepicker( "disabled", true );

没有效果。

Answer 1

最简单的方法之一是删除该输入字段的所有指针事件。

$("#date").css('pointer-events', 'none');

如果需要，这将保持数据完整。

并重新启用指针事件。

   $("#date").css("pointer-events", "");