从 html 控件中删除 jquery datepicker答案

【问题标题】：Remove jquery datepicker from a html control从 html 控件中删除 jquery datepicker
【发布时间】：2010-10-20 09:47:19
【问题描述】：

我在文本框 txtDate 上有一个日期选择器。如果选中了特定的复选框 chkBox，我需要删除日期选择器。如果未选中复选框，则重新应用日期选择器。

我尝试将文本框设为只读，但日期选择器仍在工作。这个怎么做。

编辑：在同一个复选框事件中，我还想将选择（下拉）控件设为不可选择。没有人应该能够更改选择控件中的内容。

【问题讨论】：

标签： javascript jquery datepicker readonly

【解决方案1】：

在复选框的change 处理程序中，您可以在日期选择器上调用enable 或disable，例如：

$("#chkBox").change(function() {
  $("#txtDate").attr("readonly", this.checked)
               .datepicker(this.checked ? "disable" : "enable");
  //for your edit:
  $("#someSelect").attr("disabled", this.checked);
});

You can try it out in a demo here.

【讨论】：