Ich bin ziemlich neu in Angular 2 und versuche, Angular 2 mit vorhandenen Javascript UI Framework-Bibliotheken zu integrieren.
Jetzt versuche ich mit dem jQuery-Plugin Ссылка zu spielen Oder eigentlich möchte ich das Premium-Add-On namens Scheduler verwenden.
Ich habe jedoch ein einfaches Beispiel in Plunker erstellt ...
Fühlen Sie sich frei, es zu benutzen und erklären Sie mir, wie ich es anzeigen kann und wie ich auf bestimmte Ereignisse reagieren soll.
... die Komponente FullCalendarComponent muss natürlich modifiziert werden. Problem ist, ich weiß nicht wie.
%Vor%So habe ich es geschafft, den Scheduler in einem Angular2-Projekt zu arbeiten. Ich begann mit der Komponente namens Schedule erstellt von PrimeNG, wie in einem Kommentar von Cagatay Civici vorgeschlagen.
Ich musste die Datei scheduler.component.ts wie unten ändern.
%Vor%Dann musste ich die css und das Skript für den Vollkalender und den Scheduler zur index.html hinzufügen.
Bevor Sie beginnen, einige Voraussetzungen in Javascript-Verzeichnis:
jquery-ui.min.js
jquery.min.js
fullcalendar.js
calendar.js
angular.js
bootstrap.js
Dateien, die im CSS-Verzeichnis benötigt werden:
fullcalendar.css
bootstrap.css
Erstellen Sie nun den Controller für die Daten und Ereignisse: -
%Vor%Fügen Sie nun in Ihrer Ansichtsdatei (jsp, gsp oder html) die folgenden Codes hinzu: Dies muss vor dem Kopf hinzugefügt werden, AngularJS Normen (für weitere Details gehen Sie durch AngularJS Tutorial)
%Vor%Dadurch erhält die grundlegende Kalenderstruktur 3 Agenda-Schaltflächen.
%Vor%Hier wird die Warnmeldung angezeigt
%Vor%Dies gibt die Liste der Aufgaben für das aktuelle Datum
%Vor%Der angular2-fullcalendar wird nicht mit den neuesten Versionen von Angular CLI ausgeführt. Ich habe einen Bug geöffnet, der hier über die Lösung informiert: Angular2-fullcalendar ist kein NgModule. Unerwartete Anweisung CalendarComponent
Tags und Links angular fullcalendar