Wie erhalte ich die Werte aus der Datumsauswahl in Angular4?

Ich bin neu in Angular. Ich verwende Angular4 Material Datumsauswahl, unter meinem Code ist für DatumsauswahlWie erhalte ich die Werte aus der Datumsauswahl in Angular4?

<mat-form-field> 
    <input matInput [matDatepicker]="picker" placeholder="Choose a date"> 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> 
    <mat-datepicker #picker></mat-datepicker> 
</mat-form-field>

Meine Frage ist, wie der Wert des Datumsauswahl zu erhalten, wenn ich in meinem Component ein Datum aus Datumsauswahl bin der Wahl?

Quelle

2017-10-10 Abhijit Chakra

simp Verwenden Sie '[(ngModel)] =" someVariable "' im Eingabefeld – jitender

. Bitte fügen Sie hier keinen Voting-Rat hinzu. Wenn die Leute abstimmen, stimmen wollen, ist das ihre Sache. Haben Sie dieses Gespräch in den Kommentaren, wenn Sie müssen (und selbst dann denke ich nicht, dass es viel Sinn ist - downvoters wird nicht aufhören, auf Ihre Kommentare zu warten). – halfer

Ich brauche keinen Rat von Ihnen, der nicht mit Code zusammenhängt. Ich habe nur meine Nachricht übermittelt, anstatt Punkt vom Bearbeiten zu bekommen, schreiben Sie Codes –

Sie könnten eine reaktive Form verwenden. Erste einrichten Formbuilder Gefällt Ihnen dieses

constructor( private fb: FormBuilder) {}

Jetzt FormControls erzeugen

public generateFormContorls() { 
    this.myForm = this.fb.group({ 
     due_date: [''] 
    });

Jetzt müssen Sie formControlName = "" DUE_DATE“gesetzt. Wie diese

<md-input-container> 
      <input mdInput [mdDatepicker]="dueDate" formControlName="due_date" (click)="dueDate.open()" 
       (focus)="dueDate.open()"> 
      <button mdSuffix [mdDatepickerToggle]="picker"></button> 
      </md-input-container> 
      <md-datepicker #dueDate></md-datepicker>

nun den Wert erhalten, indem einfach

console.log(" value:",this.myForm.get("due_date").value);

Quelle

2017-10-10 07:08:05

Wie erhalte ich die Werte aus der Datumsauswahl in Angular4?

Antwort

Verwandte Themen