2017-07-10 15 views
3

カレンダーが正常に動作しています。しかし、1日のセクションでは、開始日から終了日までのイベントを1日だけ表示することはありません。ブートストラップのフルカレンダーが日のタブで機能しない

私はここで初心者です、これを手伝ってください、ありがとうございます。

<div id="fullCalModal" class="modal fade"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button> 
        <h4 id="modalTitle" style="text-align: center;" class="modal-title"></h4> 
       </div> 
       <h6>Description: </h6> <div id="modalBody" class="modal-body"></div><hr> 
       <h6>Start Time: </h6><div id="starttime" class="modal-body"></div> 
       <h6>End Time: </h6><div id="endtime" class="modal-body"></div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div>     
    <script type="text/javascript"> 

       $(document).ready(function() 
       { 
        var currentDate = '<?php echo date('Y-m-d'); ?>'; 
        $('#custom-calendar').fullCalendar(
         { 
         header: 
         { 
          left: 'prev,next today', 
          center: 'title', 
          right: 'month,agendaWeek,agendaDay', 
         }, 
         defaultDate: currentDate, 
         businessHours: true, 
         editable: true, 
         events: <?= $response ?>, 
         eventClick: function(events) { 
         $('#fullCalModal').modal('show'); 
         $('#modalTitle').html(events.title); 
         $('#modalBody').html(events.details); 
         $('#starttime').html(events.stime); 
         $('#endtime').html(events.etime); 

        } 
        }); 
       }); 
    </script> 

カレンダーの日]タブで時間の選択を終了するには、開始時刻が表示されない。この画像で出力

。開始日が2時から終了日が5時であれば選択が必要です。

Not working With day

+0

すべてのブートストラップカレンダーライブラリを使用できます。 –

+0

@jawharすべてがうまくいきますが、特定の時間の特定のイベントでは表示されません。 – Arushi

+0

@ gms0ulman私は解決策を編集したくありません。もし解決策があれば教えてください。そうでなければそれをマークしてください。 – Arushi

答えて

0

それは設定のデフォルトとして、通常は本当だと、falseallDay属性を設定する必要があります。 Answer Here

関連する問題