IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Jquery Datepicker et Chrome [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de fazpedro
    Homme Profil pro
    Inscrit en
    Août 2009
    Messages
    506
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 506
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="date" name="jour" id="datepicker_debut">
    mon script :
    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
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 !

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

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

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

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éclairé Avatar de fazpedro
    Homme Profil pro
    Inscrit en
    Août 2009
    Messages
    506
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 506
    Par défaut
    Merci danielhagnoul !
    c'est exactement ça
    <input type="text"> au lieu de <input type="date">

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [ZF 1.11] JQuery Datepicker et DateRange
    Par Kai231 dans le forum Zend Framework
    Réponses: 0
    Dernier message: 24/05/2011, 14h03
  2. "inst is undefined" pb jQuery datepicker
    Par aurelien12000 dans le forum jQuery
    Réponses: 0
    Dernier message: 31/01/2011, 17h54
  3. Jquery datepicker methode getdate()
    Par SPACHFR dans le forum jQuery
    Réponses: 1
    Dernier message: 29/09/2010, 17h08
  4. [jQuery - DatePicker] Integration ratée
    Par lifty dans le forum jQuery
    Réponses: 1
    Dernier message: 08/07/2009, 17h00
  5. [jQuery] Datepicker: dates désactivé
    Par Spir dans le forum jQuery
    Réponses: 1
    Dernier message: 28/09/2008, 16h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo