Eckig material Datepicker bekommen Wert auf ändern

Ich bin mit der neuen version von eckigen und eckig-material. Ich brauche, um den Wert der datepicker im moment der Benutzer ändern Sie das Datum zu übergeben, Wert an eine Funktion und etwas zu tun.

datepicker

  <mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="roomsFilter.date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker [(ngModel)]="roomsFilter.date" ngDefaultControl (selectedChanged)="onChange($event)"></mat-datepicker>
  </mat-form-field>

und dieser die Funktion.

  public onChange(event: any, newDate: any): void {
    console.log(event.target.value);
    //this.getData(newDate);
  }
  • Dies scheint zu funktionieren für mich, hier
  • Ich behoben. Der datepicker wurde, fehlt das Ereignis aus irgendeinem Grund noch nicht, warum.
  • Ich nehme an, Sie wollen einfach nur den Wert verwenden, so können Sie console.log(event) ? plnkr.co/Bearbeiten/8c21pXDrx7OCq93Gppa0?p=Album Vorhören
  • Haben Sie ja schon den Wert in der ngModel verbindlich für das input-Feld? Ich glaube nicht, dass Sie müssen die ngModel für die #picker selbst. (btw - ich weiß, dies ist eine alte post, aber gerade auf der Suche für meine Prüfung datePicker in Jasmin test und lief über diese.)
InformationsquelleAutor Miguel Angel Frias | 2017-10-26
  1. 11
    <mat-form-field>
  <input matInput [matDatepicker]="expiration1" placeholder="Expiration" [formControl]="expiration" required (dateChange)="EndDateChange($event)">
  <mat-datepicker-toggle matSuffix [for]="expiration1"></mat-datepicker-toggle>
  <mat-datepicker #expiration1></mat-datepicker>
</mat-form-field>

    Überprüfen Sie bitte diesen demo-link, Damit Sie mehr Einblick erhalten.
    Beispiel

    • Dies funktioniert für Winkel 6
    • arbeitet in der Winkel 7 zu
    InformationsquelleAutor Mikinj Mistry
  2. 7

    Sorry das ich nicht poste die Antwort vor, aber ich habe das problem gelöst, mit dem Kommentar von @AJT_82. hier ist der code.

    Komponente HTML -

      <mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [(ngModel)]="roomsFilter.date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker [(ngModel)]="roomsFilter.date" ngDefaultControl (selectedChanged)="onDate($event)"></mat-datepicker>
  </mat-form-field>

    compoment ts

      public onDate(event): void {
    this.roomsFilter.date = event;
    this.getData(this.roomsFilter.date);
  }

    Grundsätzlich habe ich nur Vergangenheit die $event des datepicker zu erhalten die Wert.

    InformationsquelleAutor Miguel Angel Frias
Schreibe einen Kommentar