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 :

UI Datepicker. Comment synchroniser deux calendriers ?


Sujet :

jQuery

  1. #1
    Membre habitué Avatar de php_de_travers
    Inscrit en
    Juin 2004
    Messages
    460
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 460
    Points : 190
    Points
    190
    Par défaut UI Datepicker. Comment synchroniser deux calendriers ?
    Bonjour,

    existe-t-il une procédure simple (fonction déjà écrite à appeler) pour synchroniser 2 calendriers ?
    - 1° calendrier = date de début
    - 2° calendrier = date de fin
    Lorsque j'ai choisi une date de début, il est logique que ma date de fin de puisse pas être antérieure à ma date de début.

    NB : la synchronisation est possible dans la version suivante
    http://www.kelvinluck.com/assets/jqu...icker/v2/demo/
    Mais elle n'est pas satisfaisante par rapport à la localisation.

    NB2 : sous FF, je n'arrive plus à me connecter sur le site de jqueryui.com, avec IE oui. Etrange.

  2. #2
    Membre habitué Avatar de php_de_travers
    Inscrit en
    Juin 2004
    Messages
    460
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 460
    Points : 190
    Points
    190
    Par défaut

    On dirait que cela avait déjà été traité...

    http://www.developpez.net/forums/d85...cker-fonction/

  3. #3
    Membre habitué Avatar de php_de_travers
    Inscrit en
    Juin 2004
    Messages
    460
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 460
    Points : 190
    Points
    190
    Par défaut
    Dans le head
    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
     
    <script type="text/javascript">
    $(function() {
    	$("#date_debut , #date_fin").datepicker(
    		{	
    			beforeShow: customRange, // appel de la fonction AVANT
    			minDate: +1, maxDate: '+1Y +1M' // mindate = ajourd'hui ET maxDate = dans un an + 1 mois
    			});
    	});	
     
    function customRange(input) { 
    	return
           {minDate: (input.id == 'date_fin' ? 
    			$('#date_debut').datepicker('getDate') : +1), // +1 pour repasser minDate
    	maxDate: (input.id == 'date_debut' ? 
    			$('#date_fin').datepicker('getDate') : '+1Y +1M')}; //  '+1Y +1M' pour repasser maxDate
    	} 
    </script>

    Dans le body
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p>Date debut : <input type="text" id="date_debut"/>&nbsp;Date fin : <input type="text" id="date_fin"/>&nbsp;</p>
    Résultat des courses :

    1- le programmeur détermine lui-même la fourchette de dates possibles
    2- l'internaute reste dans cette fourchette sans pouvoir proposer des dates incohérentes avec des fins antérieures au débuts

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

Discussions similaires

  1. UI Sortable. Comment synchroniser deux listes ?
    Par quent. dans le forum jQuery
    Réponses: 3
    Dernier message: 28/03/2010, 00h03
  2. Synchroniser deux calendriers WSS 3.0 vers un seul
    Par guillaume84 dans le forum Configuration
    Réponses: 3
    Dernier message: 14/12/2009, 10h30
  3. [Evolution] Synchroniser deux calendriers
    Par GLDavid dans le forum Gnome
    Réponses: 0
    Dernier message: 12/08/2009, 22h55
  4. Comment synchroniser plusieurs calendriers
    Par Christophe D. dans le forum Outlook
    Réponses: 0
    Dernier message: 08/02/2008, 18h01
  5. Comment synchroniser deux bases de données
    Par apoingsfermes dans le forum Décisions SGBD
    Réponses: 5
    Dernier message: 15/11/2006, 22h41

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