Obtention de données dans un champ de saisie à partir de YUI Calendrier avec sélection multiple: vrai

Question

<script type="text/javascript"> 
    YAHOO.util.Event.onDOMReady(function(){ 
     YAHOO.dateSelects.exc = new YAHOO.widget.Calendar("exc","excContainer", 
     { title:"Choose a date:", close:true, multi_select:true }); 

     YAHOO.dateSelects.exc.render(); 

     YAHOO.util.Event.addListener(
      "excshowup", 
      "click", 
      YAHOO.dateSelects.exc.show, 
      YAHOO.dateSelects.exc, 
      true 
     ); 
    }); 
</script> 

<div class="calendarOuterContainer"> 
    <div id="excContainer" class="calendarContainer"></div> 
</div> 

<a id="excshowup"><img src="/images/icons/calendar.png" /></a> 

Le code précédent génère un calendrier YUI avec la possibilité de sélectionner plusieurs dates dans un calendrier. Ce que j'ai du mal à comprendre, c'est comment capturer ces données et les placer dans un tag d'entrée de texte à la volée. Ainsi, quand une personne clique sur le bouton de fermeture, toutes les dates sélectionnées sont remplies dans la balise d'entrée.

Suggestions? (L'exemple de code est grandement apprécié)

Answer 1

Abonnez-vous à l'événement hide & appelez getSelectedDates() sur votre instance de calendrier qui retournera un tableau d'objets JS Date. Vous pouvez ensuite formater & en les combinant pour obtenir une chaîne dans le style que vous souhaitez définir la valeur de votre saisie de texte.