jquery fullcalendar

rub*_*ist 8 jquery jquery-plugins fullcalendar

我正在尝试集成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,
    });
});
Run Code Online (Sandbox Code Playgroud)

Bra*_*don 5

在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');
},
Run Code Online (Sandbox Code Playgroud)