更改下拉列表中 Datepicker 的属性更改不起作用

Question

我有一个dropdown list 和一个与datepicker 类绑定的input textbox

在 document.ready 上，我已经使用以下属性初始化了日期选择器：

$(document).ready(function () {
  $("#<%=txtCheckDate.ClientID%>").datepicker({
    autoclose: true,
    format: 'mm/dd/yyyy'
  });
});

现在，当在下拉列表中选择特定值时，我需要禁用未来日期。当我首先尝试在 document.ready 中禁用它时它可以工作，但在运行时，它不会更新。我尝试了销毁/刷新功能，但没有任何反应。

$("#<%=ddlPaymentType.ClientID%>").on('change', function () {
  var selected = $(this).val();
  $("#<%=txtCheckDate.ClientID%>").datepicker('destroy');
  if (selected == "3" || selected == "4") {
    $("#<%=txtCheckDate.ClientID%>").datepicker({
      autoclose: true,
      format: 'mm/dd/yyyy',
      endDate: 'now'
    });
  } else {
    $("#<%=txtCheckDate.ClientID%>").datepicker({
      autoclose: true,
      format: 'mm/dd/yyyy'
    });
  }
  $("#<%=txtCheckDate.ClientID%>").datepicker('refresh');
});

Answer 1

试试这个：

$("#<%=txtCheckDate.ClientID%>").datepicker("option", {
      autoclose: true,
      format: 'mm/dd/yyyy'
    });