jquery - 如何使全日历中过去的日期不可选择？

Question

问题是，如何在全日历的月/周 View 中禁用过去日期的可选功能。

我希望用户不允许点击/选择过去的日期。

这是我尝试在事件渲染上实现的一些谷歌搜索代码片段:

selectable: true,
selectHelper: false,
select: function(start, end, allDay) {
        var appdate = jQuery.datepicker.formatDate('<?php echo $DPFormat; ?>', new Date(start));
        jQuery('#appdate').val(appdate);
        jQuery('#AppFirstModal').show();
    },
    eventRender: function(event, element, view)
    {
        var view = 'month' ;
       if(event.start.getMonth() !== view.start.getMonth()) { return false; }
    },

但是它不起作用。

我也尝试了下面的 CSS，这帮助我仅隐藏过去的日期文本，但 selectable 仍然适用于过去的日期框。

.fc-other-month .fc-day-number {
     display:none;
}

我真的被这个问题困扰了。请有人帮助我。谢谢...

Answer 1

我已经在我的全日历中完成了此操作，并且运行良好。

您可以在选择函数中添加此代码。

 select: function(start, end, allDay) {
    var check = $.fullCalendar.formatDate(start,'yyyy-MM-dd');
    var today = $.fullCalendar.formatDate(new Date(),'yyyy-MM-dd');
    if(check < today)
    {
        // Previous Day. show message if you want otherwise do nothing.
        // So it will be unselectable
    }
    else
    {
        // Its a right date
        // Do something
    }
  },

希望对你有帮助。