Javascript 如何启用日期选择器？

当您单击第一个下拉菜单时，如何启用日期选择器，其他下拉菜单和日期选择器将显示以供选择

沙文

function checkOption(obj) {
      var CustomerBranch = document.getElementById("CustomerBranch");
      CustomerBranch.disabled = obj.value == "Please select";

      var monthyrtxt = document.getElementById("monthyrtxt");
      monthyrtxt.disabled = obj.value == "";

      <%--var fromdate = document.getElementById("fromdate"); 
      fromdate.datepicker("getDate") == "";--%>
      <%--$(".fromdate").datepicker("enabled");--%>
      <%-- $("#fromdate:enabled").datepicker(); --%>
      var fromdate =document.getElementById("fromdate").disabled='';
      <%-- $("#fromdate:enabled").datepicker(); --%>     


      var todate = document.getElementById("todate");
      todate.disabled = obj.value == "";
  }

HTML代码

<td> 
Business Id :-
</td>

<td> <select   name="Business" id="Business" onChange="checkOption(this)">
<option value="" disabled="disabled" selected="selected">-- Please select --</option>
<%for(Business business : Businesslevel) {%>
<option value="<%=business.getBusinessId()%>"><%=business.getBusinessId()%> - <%=business.getBusinessName()%></option>
<%}%>
</select>
</td>
</tr>
<td>
Branch Id :
</td>
<td>
<select   name="CustomerBranch" id="CustomerBranch" disabled="disabled">
<option value="" disabled="disabled" selected="selected">-- Please select --</option>
<%for(CustomerBranch custBranch : CustBranch) {%>
<option value="<%=custBranch.getBranchId()%>"><%=custBranch.getBranchName()%></option>
<%}
%>
</select>
</td>
</tr>
<tr>
<td>
From Date :
</td>
<td>
<input type="text" id="fromdate" disabled="disabled">
</td>
</tr>
<tr>
<td>
To Date :
</td>
<td>
<input type="text" id="todate" disabled="disabled">
</td>
</tr>

---

我试了很多次，但还是不起作用。非常感谢您的帮助。

使用jquery而不是纯javascript。对你来说，这是一个简单的图书馆。只需添加

在

jQuery UI日期选择器-默认功能 $function{ $fromDate.datepicker； $toDate.datepicker； }; 自日期起：

迄今为止：

---

你介意编辑你的第一句话吗。很难理解您想要实现的目标。功能检查选项bj{var CustomerBranch=document.getElementByIdCustomerBranch；CustomerBranch.disabled=obj.value==请选择；var monthyrText=document.getelementbyidmonthyrText；monthyrText.disabled=obj.value==；var fromdate=document.getElementByIdfromdate；fromdate.disabled=obj.value==；var todate=document.getElementByIdtodate；todate.disabled=obj.value==；}当我们已经选择了第一个下拉列表时，启用日期选择器的正确功能是什么？谢谢@Zumry Mohamed的回答。但我不知道页面是这样的。我希望在打开页面时，其他下拉列表、日期选择器或文本框被禁用。当我已经从第一个下拉列表中选择时，日期选择器将出现。。.我试了很多次，但还是不起作用。