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

Posted 2023-05-08

【中文标题】更改下拉列表中 Datepicker 的属性更改不起作用

【英文标题】：Changing properties of Datepicker on Dropdown list change not working

【发布时间】：2018-03-14 04:45:15

【问题描述】：

我有一个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');
);

【参考方案1】：

试试这个：

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

【讨论】：

新版本应该禁用未来日期，所以它应该有一个属性“endDate: 'now'”

我只是想让你试试这个语法:)

不，它什么也没做