Vollkalender, wie die Zeitspalte zu verbergen und Ereignisse in Reihenfolge aufzuzählen

Question

Ich benutze FullCalendar jQuery Plugin und Google Kalender, um eine Woche Sicht auf bevorstehende Ereignisse zu erstellen.

Ich versuche die Zeiten in der Zeitspalte auf der linken Seite zu verstecken und zeige die Ereignisse nacheinander am richtigen Tag in der richtigen Reihenfolge entsprechend ihrer Zeit an. Bislang konnte ich hierfür keine Lösung finden und habe die Dokumente und Funktionen auf fullcalendar.io geschrubbt aber bisher kein Glück. Ich habe einige Fotos beigefügt, um mein Problem besser zu veranschaulichen. Danke für jede Hilfe, die Sie geben können.

Dies ist, wie es/Funktionen jetzt sieht

Dies ist, was ich

Answer 1

Ich habe das Problem gefunden. Ich habe zu viel in die Dokumentation gelesen und eine der ersten Implementierungen der Standardansicht verpasst. Zu erreichen, was ich für alle in einem schnellen Takt freue ich tun musste, um den

default zu ändern: ‚agendaWeek‘ to default: ‚basicWeek‘

So das zweite Bild zu erreichen, wäre es etwas aussehen this:

$(document).ready(function() { 

// page is now ready, initialize the calendar... 

$('#calendar').fullCalendar({ 
    header: { 
     right: 'prev,next today', 
     center: '', 
     left: 'title', 
    }, 
    defaultView: 'basicWeek', 
    contentHeight: 250, 
    editable: false, 
    weekends: false, 
    theme: true, 
    columnFormat: 'ddd - D', 
    eventBackgroundColor: 'rgb(27,74,110)', 
    eventTextColor: 'rgb(196,241,107)', 
    googleCalendarApiKey: 'API-Key', 
    events: { 
     googleCalendarId: 'Calendar URL', 
    } 
    // put your options and callbacks here 
}) 
}); 

Answer 2

Bitte versuchen Sie es mit dem folgenden Code-Schnipsel zu erreichen versuchen.

Mit CSS: - Bitte fügen Sie den folgenden Code auf Ihrer Seite.

<style type="text/css"> 
.fc-axis 
{ 
    display:none !important; 
} 
</style> 

ODER

Durch die Verwendung von JQuery: - Sobald die Seite zu laden, können Sie die unten Skript oder auf Zeitansicht ändern (Tag/Woche/Monat) ausführen.

$(".fc-axis").hide(); 

Lassen Sie mich wissen, wenn irgendwelche Bedenken.