使用下拉asp.net啟用/禁用datepicker

Question

我在文本框中選擇數據的數據類型的下拉菜單。 下拉選項類似於整數，十進制，字符串，日期。

一切工作正常，但當選擇下拉列表時，有一件事情無法使日期選擇器進入文本框。

嘗試過類似但未能實現的事情

$(function () {
            $(".date1").datepicker({
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1

            });
        });

$("#<%=ddlDataType.ClientID %>").change(function () {
            if ($('#<%=ddlDataType.ClientID %> option:selected').text().toLowerCase() == "date") {
                $("#<%=txtDefaultValue.ClientID%>").prop("class", "date1");
            }
            else {
                $("#<%=txtDefaultValue.ClientID%>").prop("class", "");
            }
        });

實現此目標的可能方法是什么？

Answer 1

如果要刪除它（使其保持啟用以用於其他目的），則可以使用destroy方法

$("#<%=txtDefaultValue.ClientID%>").datepicker("destroy");

其他

您可以在ddlDataType drowndown列表的更改事件上設置啟用和禁用選項。

$("#<%=txtDefaultValue.ClientID%>").datepicker('enable');

$("#<%=txtDefaultValue.ClientID%>").datepicker('disable');

另外，您還可以設置選項以啟用禁用日期選擇器

//To enable

$("#<%=txtDefaultValue.ClientID%>").datepicker( "option", "disabled", false );

//To disable

$("#<%=txtDefaultValue.ClientID%>").datepicker( "option", "disabled", true );

Answer 2

如果只希望顯示或隱藏日期選擇器，則可以嘗試以下代碼（假設您正在使用jQuery）。

    if ($('#<%=ddlDataType.ClientID %> option:selected').text().toLowerCase() == "date") 
    {
              $(".date1").css("display", "block");
    }
    else {
              $(".date1").css("display", "none");
    }