• sabri
  • $.newbie_poster();
  • Déconnecté
  • Inscrit : 28-07-2014
  • Messages : 3

Sujet : DatePicker

S"il vous plait aidez moi a résoudre ce problème : le calendrier ne s'affiche pas alors que le code est bien écrit a ce que je pense.
voila le code :

[*]<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(document).ready(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" ></p>
 
 
</body>
</html>[/*]

2 Réponse de sabri

  • sabri
  • $.newbie_poster();
  • Déconnecté
  • Inscrit : 28-07-2014
  • Messages : 3

Re : DatePicker

En fait j'ai trouvé l'erreur il fallait ajouter ce petit code :

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" />

Mais par contre css ne marche pas , calendrier sans css  !!!

3 Réponse de sabri

  • sabri
  • $.newbie_poster();
  • Déconnecté
  • Inscrit : 28-07-2014
  • Messages : 3

Re : DatePicker

voila le code final , mais le css ne marche pas sad 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" />  
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">

  <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.css">


  <script src="js/jquery-1.10.2.js"></script>
  <script src="js/jquery-ui-1.10.4.custom.min.js"></script>
  <script>
  $(function() {
  
    $( "#datepicker" ).datepicker({numberOfMonths: 3,
      showButtonPanel: true});
     $( "#datepicker1" ).datepicker({numberOfMonths: 3,
      showButtonPanel: true});
  });

  </script>
</head>
<body>


<p>Date début: <input type="text" id="datepicker" >&nbsp;&nbsp;
Date fin :  <input type="text" id="datepicker1" >

</p>
 
 
</body>
</html>