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

因此，我有一个使用

datepicker

的输入字段。我想知道如何禁用当我点击该字段时弹出的datepicker callendar，因为在我的页面上，我希望date选项仅在某些条件下可用

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

以及：

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

---

一个都不起作用。

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

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

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

以及重新启用指针事件

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

---

这似乎在起作用：

$('#date').datepicker('option', 'disabled', t_or_f)

工作示例：

函数切换日期选择器（状态）{
//这真的很神奇
$（'#date'）。日期选择器（'选项'，'禁用'，！状态）
}
$（文档）.ready（函数（）{
//初始化
$（'#date'）.datepicker（）；
//忽略这一点，只是为了举例
$（'#butt'）。在（'click'，function（）上{
var st=parseInt（$（this.data（'state'））；
$（this）.data（'state'，st=1-st）；//切换0和1
$（this）.text（st？'Disable'：'Enable'）；
切换日期选择器（布尔值（st））；
});
});
@导入url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css);

禁用
可能重复的感谢。我怎样才能使它们恢复呢？：）这真的是一个解决办法，它也将完全禁止点击输入开始@罗伯特罗斯看这个重复的问题，我尝试了所有的答案，@casraf。没用，可能是我的代码有问题。你用的是什么datepicker库？常规jQuery UI的一个？@casraf-是的，我正在使用这个。
$('#date').datepicker('option', 'disabled', t_or_f)