Ich versuche, eine Datetime-Picker-Direktive wie die folgende zu erstellen.
<input [(ngModel)]="date1" datetime-picker date-only />
und date1 wird als Datum zugewiesen, z. B. new Date()
Wenn ich dies in HTML anzeigen lasse, sieht der Text im Eingabeelement wie folgt aus: Thu Jan 01 2015 00:00:00 GMT-0500
Ich möchte stattdessen wie folgt angezeigt werden: 2015-01-01 00:00:00
Ich möchte das Datum innerhalb einer Direktive mit DatePipe formatieren, anstatt das Ergebnis von der standard toString () - Funktion anzuzeigen.
Meine Frage ist; "Innerhalb einer Direktive, wie greife ich auf die Variable ngModel zu?", z. B. date1, so dass ich die Methode toString () hinzufügen kann.
Wenn meine Herangehensweise nicht richtig ist, rate mir bitte.
Um auf ngModel zuzugreifen, kannst du einfach einen @Input() in deinem datetime-picker haben. Und da Sie eine 2-Wege-Datenbindung verwenden, müssen Sie die Änderungen an ngModel ausgeben.
Der bessere Weg, IMHO, ist die Verwendung der DatePipe
Hier können Sie einfach und einfach ngModel anhören und benachrichtigen. Ich habe gerade mit jQuery zum besseren Verständnis demonstriert. Praktisch kann es alles sein.
%Vor%Tags und Links angular directive angular2-ngmodel