Angular2 Datum und Uhrzeit Picker

Question

Ich kann nicht scheinen, eine richtige Datum und Uhrzeit Picker für meine angular2 App zu erstellen. Kann mir jemand helfen, es einzurichten?

Ich habe versucht, die folgenden Techniken:
Ng2-Datetime: ich es in das Haupt app.module importiert:

import { NKDatetimeModule } from 'ng2-datetime/ng2-datetime'; 
@NgModule({ 
    imports: [ 
    NKDatetimeModule, 
.. 
], 

und in der Vorlage:

<datetime [(ngModel)]="startDate"></datetime> 

Diese Erträge in der Vorlage nicht erkennbar: "Datetime" ist kein bekanntes Element

Meine Apps ist Compo sed aus ein paar Modulen, jedes hat sein eigenes App-Modul. Also wenn ich versuchte, die obigen Definitionen zu den Moduldefinitionen des Untermoduls zu nehmen, bekomme ich '$ (...). Datepicker ist keine Funktion' Technische Details:
Ich benutze angular-cli 2.4.8 mit der folgende Pakete:

"bootstrap-datepicker": "^1.6.4", 
"bootstrap-daterangepicker": "2.1.25", 
"bootstrap-timepicker": "^0.5.2", 
"jquery": "3.1.1", 
"moment": "2.17.1", 
"ng2-bootstrap": "1.3.3", 
"ng2-datetime": "^1.3.2", 
"ng2-datetime-picker": "^0.14.7", 

I auch versucht, ihn in Datumseingabe und Zeiteingabe Trennen Rohr mit dem gewünschten Format anzuzeigen. Dies zeigt nicht den Inhalt des Datums oder der Uhrzeit an.

<input [type]="'date'" [model]="startDate" | date: 'MM/DD/YYYY'"</input> 

Answer 1

Sie müssen das Paket unter dem node_modules Ordner in einen Unterordner so in Ihrem src Verzeichnis herausziehen, dass es wie eine lokale Abhängigkeit behandelt wird.

Siehe das Beispiel des Autors:

https://github.com/nkalinov/ng2-datetime/tree/master/src

Externe Abhängigkeiten sind in der Regel unter node_modules und für den Vertrieb verpackt. Die Verteilung könnte beispielsweise UMD-, CJS- und AMD-Bundles enthalten und nur als JS-Dateien bereitgestellt werden. So wurde das ng2-datetime-Paket nicht implementiert. Bis der Autor das Paket so aktualisiert, dass es modulfreundlicher ist, müssen Sie die Implementierung einfach in den src-Ordner kopieren, wenn eine Aktualisierung stattfindet.