[UI] Jquery Datepicker et Chrome

Jquery Datepicker et Chrome

Bonjour,
j'ai un script de Jquery Datepicker qui fonctionne très bien dans Firefox, Internet Explorer ... mais pas dans Google Chrome !
Dans la case : il affiche " Jour/Mois/Année "
le calendrier s'affiche bien ... mais quand je clique sur une date, il ne se passe rien...
par contre, on a un autre calendrier avec une petite flèche vers le bas, qui fonctionne lui...
Savez-vous pourquoi et existe-t-il un moyen d'y remédier ?
merci beaucoup !

mon input :

Code:

1
2
 
<input type="date" name="jour" id="datepicker_debut">

mon script :

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
<script type="text/javascript"><!-- DEBUT script pour les dates du calendrier -->
$.datepicker.regional['fr'] = {
    closeText: 'Fermer',	prevText: 'Précédent',	nextText: 'Suivant',	currentText: 'Aujourd\'hui',
	monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
	monthNamesShort: ['Janv.','F&eacute;vr.','Mars','Avril','Mai','Juin','Juil.','Ao&ucirc;t','Sept.','Oct.','Nov.','D&eacute;c.'],
	dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
	dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'],
	dayNamesMin: ['D','L','M','M','J','V','S'],
	weekHeader: 'Sem.',	dateFormat: 'dd/mm/yy',	minDate: new Date(), defaultDate: 1, firstDay: 1,	isRTL: false,	showMonthAfterYear: false,	yearSuffix: ''
	};
$.datepicker.setDefaults($.datepicker.regional['fr']);
$(document).ready(function($){
	$("#datepicker_debut").datepicker();
 
	});
$("#datepicker_debut").change(function(){
	var d = $("#datepicker_debut").datepicker('getDate');
 	});
$(function()
{
	$("#datepicker_debut,#datepicker_fin").datepicker({
	dateFormat: 'dd/mm/yy'
    });
  $("#datepicker_debut").datepicker('option','onSelect',function() {
  });
});
</script><!-- FIN script pour les dates du calendrier -->

j'ai essayé ceci :

Code:

1
2
3
4
5
6
7
8
$(document).ready(function($){
	$("#datepicker_debut").datepicker();
 
	//ES - Verrue pour Chrome car la date du Datepicker ne lui convient pas !
		if ($.browser.webkit) {beforeShow: function(){$('#ui-datepicker-div').css('z-index', 9999);}}
		else {function(){$('#ui-datepicker-div').datepicker('enable');}}
 
	});

=> Dans Chrome : OK par contre dans Firefox je n'ai plus le calendrier...

Merci !

Bonsoir

Calendrier HTML5 : <input type="date" name="jour">.

jQuery UI Datepicker : <input type="text" name="jour" id="datepicker_debut">.

Merci danielhagnoul !
c'est exactement ça :mouarf:
<input type="text"> au lieu de <input type="date">