Question

我正在尝试在我的Laravel应用程序之一中实现FullCalendar。我可以使用以下代码查看日历。

$('#calendar').fullCalendar();

这会在网页上显示日历，但是现在我要查找的是从当前日期开始的日期或我为接下来31天指定的日期。

我尝试了一些变体，但没有一个能按预期工作，我获得的最接近的是周视图，但是我希望以月视图进行，任何帮助将不胜感激。

Answer 1

那么您要从接下来的31天开始，到接下来的62天？

以这种方式设置validRange

{
    start: '2018-09-17',
    end: '2018-10-17,
}

要从现在开始使其动态，可以使用JS Date对象或moment包。由于您已经为FullCalendar加载了moment，因此建议您从现在起一个月内使用moment：moment().add(1, 'month')，从现在起两个月内使用moment().add(2, 'month')。

这是每月视图的完整示例，从下个月开始到2个月后。

$(function(){
  $('#calendar1').fullCalendar({
    defaultView: 'month',
    validRange: {
      start: moment().add(1, 'month'),
      end: moment().add(2, 'month'),
    }
  });
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css"></link>
<div id="calendar1"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>

Javascript-FullCalendar [库]

1 个答案: