【问题标题】:bootstrap full calender not working for day tab引导完整日历不适用于日选项卡
【发布时间】:2017-12-13 18:43:21
【问题描述】:

我的日历工作正常。但在白天部分,它没有显示从开始时间到结束时间的事件,它只在全天显示。

我是新手,请帮帮我,提前谢谢。

<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 点钟,我想要一个选择。

【问题讨论】:

  • 您可以使用任何引导日历库
  • @jawhar 一切正常,但只有时间没有在特定时间的特定事件中显​​示。
  • @gms0ulman 我想要解决方案而不是编辑代码..如果你有解决方案让我知道.. 否则不要标记它
  • @Arushi 您的问题已被标记并在编辑队列中 - 很可能是因为它是一个新帖子。查看 StackOverflow 模型的 be niceediting 部分。

标签: php codeigniter bootstrap-4


【解决方案1】:

需要将allDay属性设置为false,这通常是配置默认值;来自文档: 见Answer Here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-05-15
    • 2019-12-05
    • 2018-02-01
    • 2018-01-15
    • 1970-01-01
    • 2015-10-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多