单击非活动文本框时禁用Datepicker

时间:2017-03-28 18:01:08

标签: javascript jquery textbox bootstrap-datepicker

如何在点击不活动的文本框时禁用datepicker?我已经使用了以下属性readonly,disabled这没有帮助。

感谢任何帮助。 感谢

我的代码:

$("[id$=_txtTDate]").datepicker();
<td width="225px">
  <asp:TextBox ID="txtTDate" runat="server" MaxLength="10" Text='<%#Eval("TDate").ToShortDateString() %>' ToolTip='<%#Eval("TDate").ToShortDateString() %>' Width="150" CssClass="datepicker form-control form-control-inline" ReadOnly="true" />
</td>

1 个答案:

答案 0 :(得分:1)

您可以使用JQuery的off()方法禁用特定元素上的任何事件。您也可以使用not()方法跳过特定元素的任何特定事件。

例如下面的元素,

First: <input type="text" name="f" value="1"><br>
Second: <input type="text" name="s" class="myclass" value="2"> <br>

Third: <input type="text" name="t" disabled value="3"> <br> 

使用以下代码将阻止单击第二个和第三个元素。

// Use not as [all except]
$("input:not(.myclass)").on("click", function() {
    alert($(this).val());
});

// Or Use off()
$("input:disabled").off(event);

https://jsfiddle.net/nuhil/8typL6c5/