day calendar

Tageskalender

Probieren Sie die Demo aus

Diese App macht eine Reihe von Ereignissen an einem einzigen Tageskalender. Es benötigt eine Reihe von JavaScript -Objekten, die die Start- und Endzeit des Ereignisses enthalten:

 [
    { start : 30 , end : 120 } ,
    { start : 300 , end : 330 } ,
    { start : 290 , end : 330 }
]

Die Zahlen sind Minuten seit 9 Uhr (30 sind 9:30 Uhr, 120 sind 11 Uhr usw.). Es wird nur der Arbeitstag von 9 bis 18 Uhr angezeigt.

Benutzeroberfläche?

Anweisungen

Sie können mit dem Kalender interagieren und ein Array von JavaScript -Objekten auf der Konsole über die Funktion Renderday () übergeben

 renderDay ( [
    { 
        start : 200 ,
        end :   270
     }
 ] ) ;

Installationsanweisungen

Wenn Sie neu in GitHub sind, finden Sie hier ein kurzes Tutorial.

(1) Repository herunterladen und öffnen

git clone https://github.com/tobiasbueschel/day-calendar.git
cd day-calendar

(2) Knotenmodule installieren

sudo npm install

(3) Bower -Komponenten installieren

bower install

(4) Ausführen der Anwendung und Änderungen vornehmen

Das Projekt verwendet den JavaScript -Task -Läufer Grunner. Die folgenden Befehle werden nützlich sein:

• grunt dev führt die Entwicklungsversion der App aus
• grunt prod führt die Produktionsversion der App aus
• grunt inject Injects Bower -Komponenten in Index.html injiziert

Beitragen

Senden Sie eine Pull -Anfrage. Wenn Sie Fehler finden, melden Sie es bitte auf der Ausgabeseite.

Referenzen und Technologie verwendet

• Angularjs
• Laube
• Grunzen

Lizenz

Siehe die MIT -Lizenz.