Question

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

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

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

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

CalendarView

从日历调用模式

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

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

Answer 2

当您单击一个空白的日期单元格时，请尝试使用“ dateClick”事件，而不是“ select”，或者单击一个事件时尝试使用“ eventClick”，也许您想对其进行编辑。

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

2 个答案: