从html控件中删除jquery datepicker

时间:2010-10-20 09:47:19

标签: javascript jquery datepicker readonly

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

我尝试只读取文本框,但是datepicker仍在使用。这该怎么做。

编辑:在同一个复选框事件中,我还想将选择(下拉)控件设置为不可选。没有人能够改变选择控件中的内容。

1 个答案:

答案 0 :(得分:5)

在复选框的change处理程序中,您可以在日期选择器上调用enabledisable,例如:

$("#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