Calendrier web responsive

bonjour,
j'ai crée un site web responsive, et j'aurais besoin d'un calendrier, car j'avais pris comme calendrier http://www.mattkruse.com/javascript/calendarpopup/.
Le rendu n'est pas joli sur mon smartphone.

j'en voudrai un pour comme celui qui en bas de cette page http://www.developpez.net/forums/project.php

Salut,

Regarde du côté de Datepicker sur Google et ici.

j'ai un problème car cela ne fonctionne pas si je mais une class au lieux d'un id

Code:

1
2
3
 
<p>date1:<input class="datepicker" <?php if($base_epi[9]!=NULL){echo 'value="'.$base[11].'"'; }?> name="date_achat" type="text"></p>
<p>date2<input class="datepicker" <?php if($base_epi[10]!=NULL){echo 'value="'.$base[11].'"'; }?> name="date_fa" type="text"></p>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<link rel="stylesheet" href="/resources/demos/style.css" />
 
<!--Pour mettre en FRench -->
 
   <script type="text/javascript">    
 
   jQuery(function($){
    $.datepicker.regional["fr"] = {
        closeText: "Fermer",
        prevText: "&#x3c;Préc",
        nextText: "Suiv&#x3e;",
        currentText: "Courant",
        monthNames: ["Janvier","Février","Mars","Avril","Mai","Juin",
        "Juillet","Août","Septembre","Octobre","Novembre","Décembre"],
        monthNamesShort: ["Jan","Fév","Mar","Avr","Mai","Jun",
        "Jul","Aoû","Sep","Oct","Nov","Déc"],
        dayNames: ["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"],
        dayNamesShort: ["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],
        dayNamesMin: ["Di","Lu","Ma","Me","Je","Ve","Sa"],
        dateFormat: "dd/mm/yy", firstDay: 1,
        isRTL: false};
    $.datepicker.setDefaults($.datepicker.regional["fr"]);
});
   </script>
 
   <!-- FIN FR -->
 
   <script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker();
    });
    </script>

Il va falloir passer par des ID uniques pour chaque champs.

Donc tu mets des ID uniques à tes input et tu lances deux instances de Datepicker.

Citation:

cela ne fonctionne pas si je mais une class au lieux d'un id

Code:

$("#datepicker").datepicker();

On se demande vraiment pourquoi... :roll: