Bonjour, voila un jour que je me trouve face ce problème d'affichage de datepicker après avoir essayer de bidouiller dans tout les sens rien ne bouge. Quelqu'un aurait il une idée de l'origine du problème ?
Nom : bugdatepi.png
Affichages : 656
Taille : 16,2 Ko
Mon jquery :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(function(){
       $( ".datepicker" ).datepicker({
		changeMonth: true,//this option for allowing user to select month
		changeYear: true, //this option for allowing user to select from year range  
 
		closeText: 'Fermer',
		prevText: 'Précédent',
		nextText: 'Suivant',
		currentText: 'Aujourd\'hui',
		monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
		monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
		dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
		dayNamesShort: ['Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.','Dim.'],
		dayNamesMin: ['L', 'M', 'M', 'J', 'V', 'S','D'],
		weekHeader: 'Sem.',
		dateFormat: 'dd/mm/yy'
    });
});
Mon
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="ligne_profile" id="dateAff">
    <div class="label">Date d'affectation</div>
    <div class="value_profile">
        <input type="text" name="date_affectation" class="datepicker" maxlength="10" size="10" pattern="^\d\d[-\/]{1}\d\d[-\/]{1}\d{4}$" required/>
    </div>
</div>
Mon
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
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
/*Datepicker*/
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-image: none;
  background: #ff6849;
  color: #ffffff;
  max-width:10px;
  max-height:10px;
  min-height:10px;
  max-height:10px;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: none;
  background: #f8c77d;
  color: #ffffff;
  max-width:10px;
  max-height:10px;
  min-height:10px;
  max-height:10px;
}
Merci de vos réponse