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

Question

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

在document.ready上，我用这个属性初始化了datepicker：

$(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'
    });