jquery fullcalendar

前端之家收集整理的这篇文章主要介绍了jquery 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,});
});

解决方法

在select方法中,您将获得所选的开始日期和结束日期,并且在方法中您可以在日期变量中获得当前日期.所以只需比较它们,如果它小于日期,则处理错误.
select: function(start,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,allDay: allDay
      },true // make the event "stick"
    );
  }

  calendar.fullCalendar('unselect');
},

猜你在找的jQuery相关文章