JQuery UI

Résolu
cs_vargas Messages postés 42 Date d'inscription samedi 14 juin 2003 Statut Membre Dernière intervention 10 juin 2013 - 4 févr. 2012 à 16:50
cs_vargas Messages postés 42 Date d'inscription samedi 14 juin 2003 Statut Membre Dernière intervention 10 juin 2013 - 5 févr. 2012 à 14:28
Bonjour

je suis entraîne de coder une formulaire d'inscription et j'avais besoin d'un datepiker donc j'ai eu comme sugerence d'utiliser jQuery UI pour mon formulaire.

j'ai testé en peu la démo sur le site web : jQuery UI. et tout semble correct et facile à utiliser, mais dans mon formulaire ça ne marche pas!!!

J'ai mis le contenu du zip dans un dossier calendrier et dans document PHP
j'ai mis les 3 liens

<link type="text/css" href="calendrier/css/redmond/jquery-ui-1.8.17.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="calendrier/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="calendrier/js/jquery-ui-1.8.17.custom.min.js"></script>


et dans mon code HTML
<tr><td>Date d'ouverture du dossier :</td><td></td></tr>
<tr><td>Date d'échéance :</td><td></td></tr>


S.V.P si quelqu'un sait pour quoi ça ne marche pas
merci beaucoup

3 réponses

cod57 Messages postés 1654 Date d'inscription dimanche 7 septembre 2008 Statut Membre Dernière intervention 11 septembre 2013 19
4 févr. 2012 à 19:58
bonsoir

replace les .js

chez moi c'est ok

<meta charset="utf-8">

<link type="text/css" href="js/jquery-ui-1.8.17.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/js/jquery-ui-1.8.17.custom.min.js"></script>	

<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>

  	<script>
$(function() {
$( "#datepicker1" ).datepicker();
});
</script>
  
  	<script>
$(function() {
$( "#datepicker2" ).datepicker();
});
</script>




Date: 









The datepicker is tied to a standard form input field. 
 Focus on the input (click, or use the tab key) 
 to open an interactive calendar in a small overlay.
   Choose a date, click elsewhere on the page (blur the input),
    or hit the Esc key to close. If a date is chosen, 
    feedback is shown as the input's value.



<!-- End demo-description -->


<form>
<tr><td>Date d'ouverture du dossier :</td><td>Date: </td></tr>
<tr><td>Date d'échéance :</td><td>Date: </td></tr>
<tr><td>Date d'échéance :</td><td>Date: </td></tr>
</form>    


<!-- End demo -->



Bonne programmation !
3
cs_vargas Messages postés 42 Date d'inscription samedi 14 juin 2003 Statut Membre Dernière intervention 10 juin 2013
4 févr. 2012 à 16:53
j'ai aussi mit la fonction JavaScript dans mon PHP
$(function(){
// Datepicker
$('#datepicker').datepicker({
});

});


désolé pour le double post
0
cs_vargas Messages postés 42 Date d'inscription samedi 14 juin 2003 Statut Membre Dernière intervention 10 juin 2013
5 févr. 2012 à 14:28
Merci cod57 pour ta réponse, mais ça ne marche pas je ne comprends pas
j'ai un dossier calendrier de dans j'ai mis le dossier css et le dossier de js du zip de jQuery.

les liens src sont corrects parce que si j'affiche le code source de page du formulaire et je clic sur le liens je trouve l'information de jQuery

merci encore
0
Rejoignez-nous