jQuery全日历

Question

我正在尝试集成 jquery 完整日历插件。我想禁用过去的日期进行选择。所以我只能选择从当前日期开始的日期。这怎么可能？如何过滤日期并指定条件。我是 jquery 的新手。

$(document).ready(function() {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        selectHelper: true,
        select: function(start, end, allDay) {
            var title = prompt('Event Title:');
            if (title) {
                calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay
                    },
                    true // make the event "stick"
                );
            }
            calendar.fullCalendar('unselect');
        },
        editable: true,
    });
});

Answer 1

在 select 方法中，为您提供了选定的开始和结束日期，而在该方法的早期，您在 date 变量中获得了当前日期。所以只要比较它们，如果小于date，就处理错误。

select: function(start, end, allDay) {
  if(start < date)
  {
    // Do whatever you want here.
    alert('Cannot select past dates.');
    return;
  }

  var title = prompt('Event Title:');
  if (title) {
    calendar.fullCalendar('renderEvent', {
        title: title,
        start: start,
        end: end,
        allDay: allDay
      },
      true // make the event "stick"
    );
  }

  calendar.fullCalendar('unselect');
},

Answer 2

请注意关于 Brandon 的回答，如果您单击当前日期，也会出现弹出窗口。您还需要检查用户是否还点击了今天的日期：

if (start < date && start.getDate() != date.getDate() ) {
    alert('Cannot select past dates.');
    return;
}