pasar - No se puede enlazar con ''matDatepicker'' ya que no es una propiedad conocida de ''input''-Angular

pasar parametros entre componentes angular 6

Question

Acabo de copiar y pegar el código de material angular para datePicker y input, pero recibo este error para datePicker.

app.module

import {MaterialModule} from ''@angular/material'';
@NgModule({
imports: [
...
MaterialModule
]

<md-input-container>
    <input mdInput placeholder="Rechercher" [(ngModel)]="filterHistorique">
</md-input-container>

<md-input-container>
    <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
    <button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker #picker></md-datepicker>

Este es el error que tengo en mi navegador:

No se puede enlazar con ''mdDatepicker'' ya que no es una propiedad conocida de ''input'' Si ''md-datepicker'' es un componente Angular, verifique que sea parte de este módulo. 2. Si ''md-datepicker'' es un componente web, agregue "CUSTOM_ELEMENTS_SCHEMA" al ''@ NgModule.schemas'' de este componente para suprimir este mensaje. ("[ERROR ->]

El error es para el selector de fechas, cuando lo quité, los errores desaparecen

Answer 1

Mientras usa mat-datepicker , también tiene que importar MatDatepickerModule , también se recomienda importar MatDatepickerModule . ver docs here

import { MaterialModule, MdDatepickerModule, MdNativeDateModule } from ''@angular/material'';
@NgModule({
  imports: [
    ...
    MaterialModule,            // <----- this module will be deprecated in the future version.
    MatDatepickerModule,        // <----- import(must)
    MatNativeDateModule,        // <----- import for date formating(optional)
    MatMomentDateModule         // <----- import for date formating adapted to more locales(optional)
  ]

Para el módulo opcional de formateo de fecha, vea Módulo para DateAdapter del equipo de material.

Mención : por favor, evite usar MaterialModule ya que quedará obsoleto en el futuro.

Answer 2

necesita importar FormsModule y ReactiveFormsModule si usó NgModule y formgroup. así que tu app.module debería ser así

import {MaterialModule} from ''@angular/material'';
@NgModule({
  imports: [
    MdDatepickerModule,        
    MdNativeDateModule,
    FormsModule,
    ReactiveFormsModule
  ]

Nota: MaterialModule eliminado. por favor use el módulo separado en su lugar. como MdDatepickerModule vea aquí https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta11-carapace-parapet-2017-09-21