jQuery Datepicker nicht in asp.net Textbox Controller erscheinen

Question

Unten ist mein Code

<script type="text/javascript" src="jquery-ui-1.11.4/jquery-1.4.1.min.js"></script> 
<link href="jquery-ui-1.11.4/jquery-ui.min.css" rel="stylesheet" /> 
<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('#myDate').datepicker(); 
    }); 
</script> 

Und ich schaffe das asp.net-Controller wie folgt:

<asp:TextBox ID="myDate" runat="server"></asp:TextBox> 

Allerdings, wenn ich auf die Schaltfläche Textbox, nichts passiert und das Datepicker-Fenster erscheint nicht.

Answer 1

JQuery-Code ist Client-Seite Code, aber ASP: Textbox ist serverseitige Steuerung (Ihre Textbox id "myDate", die auf Server-Seite ist), aber wenn seine in HTML umwandeln kann es seine ändern ID wie "ContenPlaceHolder_myDate", so "myDate" ID wird nicht auf Client-Seite gefunden, um dieses Problem zu lösen, können wir ClientID verwenden, die Server Seite Steuerelement ID in Client-Seite Steuerelement (HTML-Steuerelement) auflösen.

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $('#<%=myDate.ClientID %>').datepicker(); 
     }); 
    </script> 

Answer 2

Ich glaube, Sie sollten „Datepicker“ durch „Datetime“ ändern und ein Format zuweisen, wenn u gerade am Tag wollen

Answer 3

myDate ist ein Server, hier Kontrolle. So kann man das nicht zugreifen, indem Sie, was Sie in der jQuery-Code geschrieben haben, so überprüfen Sie die unten jquery Code

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#<%= myDate.ClientID %>").datepicker(); 
    }); 
</script> 

Answer 4

Sie haben nicht die richtige Bibliothek gehören die datepicker Plugin zu verwenden.

Example jQuery Datepicker

Sie müssen folgende in Ihrem Kopf Tag hinzuzufügen:

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

auch Sie ASP.NET verwenden, so können Sie Ihre ID ganz anders sein. Schauen Sie sich die Antwort von Durgesh Pandey an. Sie können sehen, dass Sie das ClientID Ihres Eingabefeldes nehmen müssen.

Answer 5

Ich weiß, dass dies möglicherweise nicht die Lösung für Sie ist, wenn Sie datepicker durch Steuerelement-ID zuweisen möchten. Es könnte jedoch einfacher sein, das Attribut CssClass zu verwenden, wenn Sie nicht durch ID (serverseitig) und ID verwirrt werden möchten, wenn Sie in HTML gerendert werden.

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $('.datePickerClass').datepicker(); 
    }); 
</script> 

<asp:TextBox ID="myDate" runat="server" CssClass="datePickerClass"></asp:TextBox>