如何从Angular4中的日期选择器获取值？

我是Angular的新手。我使用Angular4材料日期选择器，下面是我的日期选择器代码如何从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>

我的问题是如何获得的时候，我在我的Component选择从日期选取器日期日期选取器的价值？

来源

2017-10-10 Abhijit Chakra

simp在输入文件中使用'[（ngModel）] =“someVariable”' – jitender

请不要在此添加投票建议。如果人们希望上/下/关闭投票，那取决于他们。如果必须的话，请在评论中进行对话（即使那时我认为没有太多意义 - 下决心不会停下来等待您的评论）。 – halfer

我不需要任何建议你的任何与代码无关的东西。我只是传达了我的消息，而不是从编辑中获取点写代码 –

您可以使用反应形式。首先建立formBuilder喜欢这个

constructor( private fb: FormBuilder) {}

现在产生FormControls

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

现在你需要设置formControlName = “” DUE_DATE”。像这样的

<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>

通过简单地现在得到的值使用这个。

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

来源

2017-10-10 07:08:05

如何从Angular4中的日期选择器获取值？

回答

相关问题