jquery - 仅在今天显示完整日历

Question

我在使用全日历插件的地方查看。

这是 View 的代码:

 <div  id="calendar"  style="height: 90%; width: 100%; clear: both; display: inline-block;overflow-y:hidden ">

    </div>

<script> //Calendar initialization
$(document).ready(function () {
    $('#calendar').fullCalendar({
       header: {
            left: 'prev,next',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultView: 'agendaWeek',
        events:"/Calendar/GetEvents/",
        firstDay: 1,
        editable: true
    });
});

但在另一个 View 中，我只需要显示今天的日期。就像这里的设计一样

如何在全日历中执行此操作？

Answer 1

您可以在单独的对象中设置日历设置，并使用函数重新创建 FC View 。

var $fc = $("#calendar");

var options = { // Create an options object
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'agendaDay,agendaWeek,month'
  },
  defaultView: 'agendaWeek',
  events:"/Calendar/GetEvents/",
  firstDay: 1,
  editable: true
}

$fc.fullCalendar(options);

function recreateFC(/*arguments*/) { // This will destroy and recreate the calendar  

  if (/*your condition here*/) {
    options.defaultView = 'agendaDay';
  } else {
    options.defaultView = 'agendaWeek';
  }
}