Jquery Datepicker ne fonctionne pas dans ASP.NET

Question

J'ai examiné partout pour résoudre ce problème et toutes les suggestions que j'ai reçues n'ont pas fonctionné. C'est ce que j'importe:

<link href="css/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" /> 
<script src="js/jquery-1.5.1.js" type="text/javascript"></script> 
<script src="js/jquery.ui.widget.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script> 
<script src="js/jquery.ui.datepicker.min.js" type="text/javascript"></script> 

Ceci est la Jquery et zone de texte

<script type="text/javascript"> 
    $(function() { 
     $('#EarliestArrivalTB').datepicker(); 
    }); 
</script> 
<asp:TextBox ID="EarliestArrivalTB" runat="server"></asp:TextBox> 

Je l'ai travailler sur mon localhost mais quand je l'ai déplacé vers le serveur Web, il n'a pas travail. Qu'est-ce que je fais mal ici?

Answer 1

essayer

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

Answer 2

Ma façon préférée de le faire

<script type="text/javascript"> 
    $(function() { 
     $('.DatePicker').datepicker(); 
    }); 
</script> 
<asp:TextBox ID="EarliestArrivalTB" runat="server" CssClass="DatePicker"></asp:TextBox> 

Cela signifie la mise en œuvre du datapicker sur tout le terrain est plus compliquée que l'ajout d'une classe DatePicker.

Editer: Je suppose que je devrais vous dire pourquoi cela ne fonctionne pas trop. L'identifiant que vous spécifiez sur un contrôle serveur est l'identifiant que vous utilisez pour faire référence dans le code côté serveur. Une fois qu'il est mis sur la page à cause des conteneurs de noms et de son identifiant client, il sera différent pour s'assurer qu'il n'y a pas de conflit de noms, par conséquent il y a la propriété ClientID pour que vous puissiez découvrir ce qu'est cet ID côté client.

Answer 3

Le problème est que vous faites référence à un ID côté serveur. Vous devez générer l'ID clientside pour le contrôle de asp.net pour que cela fonctionne:

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

#EarliestArrivalTB comme un sélecteur sur le client n'existe pas, car il est la représentation clientside sera très différent.