使用 PHP 的 Bootstrap 模式在 jQuery Full Calendar 中添加事件答案

【问题标题】：Adding an Event in jQuery Full Calendar with Bootstrap Modal with PHP使用 PHP 的 Bootstrap 模式在 jQuery Full Calendar 中添加事件
【发布时间】：2019-08-28 13:43:42
【问题描述】：

我想使用 Bootstrap 模式输入日历事件详细信息...但是当我单击日历的日期时，该模式不会调用...。

我用谷歌搜索它，它显示了以下代码...但它对我不起作用...

select: function(start, end, allDay)
{
     $('#myModal').modal('show');                         
},

我关注了以下网址Fullcalendar (Arshaw) - Adding an event with modal window

日历视图

从日历调用模式

<head>
    var calendar = $('#calendar').fullCalendar({
            editable:true,
            header:{
                left:'prev,next today',
                center:'title',
                right:'month,agendaWeek,agendaDay'
            },
            events:'load',
            selectable:true,

            select: function(start, end, allDay)
            {
                 $('#myModal').modal('show');                         
             },
</head>

调用模式

   <div id="calendar">
    <div class="modal fade" id="myModal">
      <div class="modal-dialog">
      <div class="modal-content">

      <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times; 
          </button>
        </div>


      <!-- Modal body -->
        <div class="modal-body">
          Modal body..
        </div>

         <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>

【问题讨论】：

您是否忘记了<script> 标签？

标签： javascript php jquery ajax fullcalendar

【解决方案1】：

你应该把你的脚本放在<script>标签上：

<head>
    <script>
        var calendar = $('#calendar').fullCalendar({
            editable:true,
            header:{
                left:'prev,next today',
                center:'title',
                right:'month,agendaWeek,agendaDay'
            },
            events:'load',
            selectable:true,
            select: function(start, end, allDay)
            {
                $('#myModal').modal('show');                         
            },
    </script>
</head>

【讨论】：

感谢您的回复...我只附上了

【解决方案2】：

当你点击一个空的日期单元格时尝试使用“dateClick”事件，而不是“选择”，或者当你点击一个事件时尝试使用“eventClick”——也许你想编辑它。

【讨论】：

dateClick : function(start, end, allDay) { $('#myModal').modal('show'); }，这个解决方案对我不起作用....