Quiero usar DatePickerModule de Angular en mi aplicación. Así que instalé el paquete de la siguiente manera: npm install ng2-datepicker-bootstrap --save
La instalación fue exitosa. Así que ahora importé el módulo DatePickerModule en mi AppModule como se muestra a continuación:
import { DatePickerModule } from 'ng2-datepicker-bootstrap'; @NgModule({ declarations: [ other Components......, DatePickerModule ], imports: [ ........ ], providers: [Service, DatePickerModule], bootstrap: [AppComponent] }) export class AppModule { }Luego use el código a continuación en mi info.component.html .
<datepicker [(ngModel)]="model.firstDate" [viewFormat]="'DD/MM/YYYY'" [modelFormat]="'YYYY-MM-DD'" [id]="'firstDate'" [label]="'To'"></datepicker>Pero cuando ejecuto el proyecto, aparece este error: Error: módulo inesperado 'DatePickerModule' declarado por el módulo 'AppModule'. Agregue una anotación @Pipe/@Directive/@Component.
Soy nuevo en Angular2 por cierto.
¿Por qué está poniendo su DatePickerModule en proveedores? Solo los servicios deben colocarse allí angular crear la instancia del servicio cuando la aplicación se inicia.
Compruebe si falta una referencia en la declaración de importación en el archivo module.ts. Si tiene en su componente:
import { DatePickerModule,SomeOtherModule } from 'somewhere';en el archivo module.ts debe tener la misma importación
import { DatePickerModule,SomeOtherModule } from 'somewhere';
si solo tienes
import { DatePickerModule } from 'somewhere';
o no tiene la declaración de importación, se generará este error porque no agregó "SomeOtherModule" a la declaración de importación.