Désactiver Datepicker lors d'un clic sur la zone de texte inactive

Question

Comment désactiver la fonction datepicker lors d'un clic sur la zone de texte inactive? J'ai utilisé les attributs suivants en lecture seule, désactivé qui n'aide pas.

Toute aide est appréciée. Merci

Mon code:

$("[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> 

Answer 1

Vous pouvez utiliser la méthode de() de JQuery pour désactiver tout état de cause sur un élément spécifique. Vous pouvez également utiliser la méthode not() pour ignorer un événement donné pour un élément spécifique.

Pour les éléments par exemple comme ci-dessous,

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> 

en utilisant le code suivant empêchera cliquant deuxième et troisième élément.

// 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/