fullCalendar auf klicken Datum Nummer - erhalten Datum Daten

Question

Attribut Ich bin ein Problem mit der FullCalendar jQuery-Bibliothek hat, finden Sie hier:

Ich versuche, ändern die normale Funktionalität der Dinge. Wenn Sie auf die Datumsnummer in der Monatsansicht klicken, anstatt in die DAY-Ansicht zu wechseln, möchte ich, dass sie auf eine andere Seite wechselt und das Datumsattribut in das aufgelistete data-goto-Attribut leitet.

Jeden Tag nach dem Kalender machen ist, hat dieses Auszeichnungs:

<td class="fc-day-top fc-xxx fc-yyyy" data-date="YYYY-MM-DD"> 
    <a class="fc-day-number" data-goto='{"date": "YYYY-MM-DD", "type":"day"}'>DD</a> 
<td> 

So nach den Kalender zu initialisieren, ich habe ein auf Click-Ereignis:

$('.fc-day-number').each(function(){ 
    var $this = $(this); 
    $this.on('click', function(){ 
      console.log($(this).data('goto', 'date')); 
    }); 
}); 

ABER, wenn ich auf die Schaltfläche Nummer des Datums, gibt es mir eine Uncaught TypeError: Cannot read property 'charAt' of undefined

Alles, was ich tun möchte, nur um sicherzustellen, dass es die richtigen Daten sammelt a erhält nur den Datumswert aus dem goto Datenattribut. Sobald ich das habe, ist das Laden einer neuen Seite einfach.

Danke nochmals im Voraus.

Answer 1

Also ich fand eine Arbeit um das, obwohl nicht 100% der Kriterien dienen, aber immer noch alle gleich.

Für die Anzahl in jeder Zelle habe ich eine Zeiger-Ereignisse: keine, so dass es nicht anklickbar wäre, und in den Initialisierungscode für FullCalendar, nutzte ich die DayClick-Methode und verwendet THAT, um durch das Datum, fügen Sie das einer URL-Abfrage und dem einfachen JavaScript hinzu, um die Seite umzuleiten.

Hier ist der Code:

$('#calendar').fullCalendar({ 
    dayClick: function(date){ 
      var dateFormat = date.format() 
      console.log("Clicked on: "+dateFormat); //returns the date 
      window.location.href = "newPage.jsp?datepicker="+dateFormat; 
    } 
}); 

$('a.fc-day-number').each(function(){ 
    var $this = $(this); 
    $this.css('pointer-events','none'); 
});