Format eventRender Datum in Vollkalender

Question

Ich verwende FullCalendar, um Ereignisse von PHP/MySQL zu rendern und alles funktioniert gut. Ich schaute durch die Vollkalenderdokumentation und bootstrap to achieve my popover event. Ich benutze die fullcalendar eventRender und ich habe Zugang zum event und element

eventRender: function(event, element) { 
     $(element).popover({ 
      placement : 'top', 
      html : true, 
      trigger : 'hover', 
      title : event.title + ' <a href="#" class="close" data-dismiss="alert">×</a>', 
      content : '<p>' + event.start + '</p><p>' + event.end + '<p>' + event.description + '</p>' 
}); 

Verwendung Wenn es das Datum (wie event.start) zeigt es wie folgt auf dem vorderen Ende sieht 1485427500000 dann erfuhr ich, ich verwenden könnte Javascript Datumsfunktion. Nach der Realisierung, das gab mir das falsche Format so habe ich versucht toLocaleTimeString(), die mir die folgenden Ergebnisse haben:

Das erste Datum Mal, wenn Sie Anwendungen sehen new Date(event.start) die zweite verwendet new Date(event.end).toLocaleTimeString(). Aber es gibt zwei Probleme kann ich nicht scheinen, um herauszufinden

Frage: Wie kann ich sowohl forma event.start und event.date meine Zeitzone zu sein (Sie feststellen, die Zeit auf dem Kalender unterscheidet und im Popup) und etwas wie (zum Beispiel) 17.00 Uhr Donnerstag, 26. Januar 2017?

Answer 1

Von FullCallendar zurückgegebene Daten sind Moment objects, was bedeutet, dass Sie sie mit der Moment-Syntax formatieren können. Es gibt Beispiele für Formatzeichenfolgen auf der Moment site. So etwas sollte für das von Ihnen angegebene Beispielformat funktionieren:

content: '<p>' + event.start.format('h:mm a ddd MMM Do YYYY') ...