jquery fullcalendar

Question

Sto cercando di integrare il plug-in di calendario completo di jquery .. E voglio disabilitare le date precedenti per la selezione .. Quindi posso selezionare solo le date a partire dalla data corrente. Come è possibile? Come posso filtrare le date e specificare una condizione. Sono nuovo di 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

Nel metodo di selezione, si sono dotati di inizio e fine la data selezionata, e in precedenza nel metodo che hai la data corrente nella variabile date. Quindi confrontali e se è inferiore a date, gestisci l'errore.

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

Nota relativa alla risposta di Brandon, il popup apparirà anche se si fa clic sulla data corrente. Dovresti controllare se l'utente ha fatto clic anche sulla data odierna:

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