Question

嘿所有，我正在为一个出租屋做预订日历，我正在尝试在选择后制作一个可选择的日历更新两个表格字段。我希望用户能够在可用日期内拖动并填充表单的开始和结束日期。这就是我到目前为止所做的：

<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>

干杯！

Answer 1

您问题中的代码没有正确粘贴，但通常在jQuery中更改输入值，您可以执行$( '#id_name' ).val( 'new value' )。 CakePHP使用模式 ModelField 分配表单字段ID，因此您需要的ID应为＆＃34; BookingStart＆＃34;和＆＃34; BookingEnd＆＃34; （您可以通过查看HTML源代码进行验证）。您还可以使用'id' => 'foo'选项为字段指定任何ID。

Answer 2

解决！以下内容将开始日期和结束日期传递给表单。

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

使用CakePHP和FullCalendar中的select更新输入

2 个答案: