![](/img/trans.png)
[英]Full Calender display listview day-slot start and end time instead of all-day
[英]bootstrap full calender not working for day tab
我的日歷工作正常。 但是在白天部分,它沒有顯示從開始時間到結束時間僅在全天顯示的事件。
我是新手,請幫助我,提前謝謝。
<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點,我想要一個選擇。
需要將allDay
屬性設置為false
,它通常是配置默認值; 來自文檔:請參閱此處的答案
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.