将模式中的 jquery 日期选择器设置为事件开始和结束日期 (FullCalendar)

Question

通过单击我的日历中的一个事件，一个模态 window 打开，其中包含带有 jquery 日期选择器的开始日期和结束日期的表单字段。我可以在模式 window 中使用 <p class="start">Start At: <span></span></p> 显示事件日期，但我无法管理如何使用这些日期最初设置日期选择器。

如果这是不好的做法，我想知道如何更好地做到这一点，也许通过使用控制器？

从我在视图中的日历配置：

      eventClick: function(info,event){
        $('#processName').html(info.event.title + " (" + info.event.extendedProps.eventId + ")");
        $('.start').html(info.event.start);
        $('.end').html(info.event.end);
        $('#eventName').html('eventName');
        $('#editAssignmentModal').modal();
     
      },

来自模态 window html:

<div class="input-group date" data-provide="datepicker">
    <input type="text" class="form-control" id="mymodal" name="start" value="">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>
<p class="start">Start At: <span></span></p>

Answer 1

您需要像这样设置输入字段的值：

$("#mymodal").val(info.event.start);

文档：https://api.jquery.com/val/

将模式中的 jquery 日期选择器设置为事件开始和结束日期 (FullCalendar)

Setting jquery datepicker in modal to event start and end date (FullCalendar)

javascript

jquery

fullcalendar

bootstrap-modal