2010-11-12 7 views
0

Salut tous, Je fais un calendrier de réservation pour une maison de location et j'essaie de faire un calendrier sélectionnable mettre à jour deux champs de formulaire après la sélection. Je souhaite que les utilisateurs puissent faire glisser les jours disponibles et renseigner les dates de début et de fin de mon formulaire. C'est ce que j'ai jusqu'à présent:Mettre à jour l'entrée avec select dans CakePHP et FullCalendar

<script type='text/javascript'> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: "bookings/feed", 
      selectable: true, 
      unselectAuto: false, 
      select: function(startDate, endDate, allDay, jsEvent, view) { 
       **I just don't know what to put here to edit the inputs bolded below** 

      } 
     }); 
    }); 
</script> 
<div style="width: 500px;"><div id="calendar"></div></div> 
<div id="eventdata"></div> 
<div id="form"> 
    <?php echo $form->create('Booking'); ?> 
    **<?php echo $form->input('start', array('label' => 'Check In:', 'type' =>'text')); ?> 
    <?php echo $form->input('end', array('label' => 'Check Out:', 'type' =>'text')); ?>** 
    <?php echo $form->input('firstName'); ?> 
    <?php echo $form->input('lastName'); ?> 

</div> 

Cheers!

Répondre

0

Résolu! Les éléments suivants transmettent les dates de début et de fin au formulaire.

select: function(startDate, endDate) { 
       $('#BookingStart').val(startDate) 
       $('#BookingEnd').val(endDate) 
      } 
0

Le code de votre question ne s'est pas correctement collé, mais en général, pour modifier la valeur d'entrée dans jQuery, vous pouvez faire $('#id_name').val('new value'). CakePHP attribue des ID de champ de formulaire avec le modèle ModelField afin que les identifiants dont vous avez besoin soient "BookingStart" et "BookingEnd" (vous pouvez vérifier en regardant la source HTML). Vous pouvez également donner aux champs l'identifiant que vous voulez avec l'option 'id' => 'foo'.

+0

Je suppose que ma question est comment puis-je transmettre les données dans le FullCalendar à cette fonction jquery? – Chris

+0

Désolé, je ne connais pas FullCalendar. Je suppose que startDate et endDate contiennent les dates dont vous avez besoin? Vous auriez besoin de les mettre en forme dans tout ce dont vous avez besoin, mais je ne sais pas dans quel format ils commencent. – JJJ

Questions connexes