problème avec datepicker

Eléphanteau du PHP | 19 Messages

05 juin 2017, 17:04

bonjour,

je ne comprends pas car mon datepicker ne s'affiche pas.
j'ai insérer mon script Jquery.ui.js, dans mon FOOTER
voici mon footer :
<br>
<br>
</body>
<!----------------------------- FOOTER ------------------------------------------->

  <footer>
  		<div class="container">
        <div class="row_footer">
  		  <!-- rangée -->
  		  <!--on determine le nombre de colonne dans la  grille bootstrap en remplacant XX par un nombre (1-12) et selon la taille du device
  			  offset-XX pour créer un décalage -->
  			<div align='center' "col-sm-12 col-md-12 col-lg-12">
  			<!--<div class="col-sm-10 col-sm-offset-2 col-md-10 col-md-offset-2 col-lg-10 col-lg-offset-2" align='center'>
  			   <!--Pour ajouter un lien il suffit de copier la ligne -->
  			  <!--Pour supprimer un lien il suffit de supprimer la ligne
  			  <a href="Ici lien vers page"> description </a>
  			  <a href="Ici lien vers page"> description </a>
  			  <a href="Ici lien vers page"> description </a>-->

  			  <p>Développer par christophe.G © 2017 - Tous droits réservés</p>

  			<!--</div>-->
  			</div>
		  </div>
		</div>
 </footer>
 <!---------------------SCRIPT --------------------------------------->
    <!-- jQuery -->
  <script src="vendor/bootstrap/js/jquery.js"></script>
  <script src="vendor/bootstrap/js/jquery-ui.js"></script>
  <script src="vendor/bootstrap/js/main.js"></script>

    <!-- Bootstrap Core JavaScript -->
  <script src="vendor/bootstrap/js/bootstrap.js"></script>
dans un autre fichier où j'ai mon html et je fait un include de mon footer, j'y ai mis les id='datepicker' pour faire le lien sur ma fonction jquery et rien ne s'affiche.
voici le code de mon fichier qui appelle le footer

<table class="table table-user-information">
    <form method="post">
      <tr>
        <th></th>
          <td align="center">
            <label for="" >Evènement :</label> <br>
              <input align="center" type="text" placeholder="Votre évènement" name="evenement" value="<?php if(isset($evenement)) { echo $evenement; } ?>" />
            </td>
            <td align="center">
              <label for="" >Date :</label> <br>
                <input align="center" type="date" placeholder="Votre date" id='datepicker' name="dateEvenement" value="<?php if(isset($dateEvenement)) { echo $dateEvenement; } ?>" />
            </td>
            <td align="center">
              <label for="" >Heure :</label> <br>
                <input align="center" type="heure" placeholder="Votre heure" id='timepicker' name="heureEvenement" value="<?php if(isset($heureEvenement)) { echo $heureEvenement; }?>" />
            </td>
            <td align="center">
              <label for="" >Salle :</label> <br>
                <input align="center" type="text" placeholder="Saisir la Salle" name="salleEvenement" value="<?php if(isset($salleEvenement)) { echo $salleEvenement; }?>" />
            </td>
          </tr>
        </table>
merci pour l'aide.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

05 juin 2017, 23:39

Bonjour,

As tu quelque chose dans la console javascript ? (Ctrl+Maj+i sous Firefox/Chrome > onglet console)
Par ailleurs, il faut que tu regardes le HTML généré (clic droit, voir la source de la page) pour essayer de trouver ce qui ne fonctionne pas avec ton jquery
Quand tout le reste a échoué, lisez le mode d'emploi...