Html MatDatepicker日期未定义

我无法将matdatepicker中输入的日期传递给方法

代码片段如下所示：

HTML:

<div class="div1">
   <form ng-controller="formCtrl" >
      <label style="float:left;padding:7px;"> From : </label>
      <mat-form-field style="float:left;padding:7px;">
        <input type="date" matInput [matDatepicker]="picker1" placeholder="Choose a date" ng-model="fromDate">
        <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
        <mat-datepicker #picker1></mat-datepicker>
      </mat-form-field>
      <label style="float:left;padding:7px;"> To : </label>

      <mat-form-field style="float:left;padding:7px;">
        <input type="date" matInput [matDatepicker]="picker2" placeholder="Choose a date" ng-model="toDate">
        <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
        <mat-datepicker #picker2></mat-datepicker>
      </mat-form-field>
      <button type="submit" class="btn btn-info btn-sm" style="float:left;padding:8px;" (click)="getJobsByDateRange(fromDate,toDate)">
        <b>Submit</b></button>
   </form>
</div>

下面是我在控制台中得到的输出：

“未定义”

---

如何以dd/MM/yyyy格式打印日期？

我猜您使用的是angular material 2代码，用于angular 1

请访问以下链接获取angular 1的物料日期选择器

这已经不存在了。用这个代替

[(ngModel)]="fromDate"

Html

---

我实际上使用的是angular 2。您在angular 1语法中使用了ng控制器ng模型。在angular 2中，这些事情的处理方式不同。您可以尝试[value]=“fromDate”而不是ng-model。这是最新的angular检查，谢谢。您能帮我以dd/MM/yyyy格式打印它吗？好的，我将使用Ts file-dateobj=this.eventobj.eventDate共享获取值dateobj；在HTML中{dateobj|date:'dd/MM/yyyy'}

ng-model="fromDate"

[(ngModel)]="fromDate"

 <div class="div1">
       <form (ngSubmit)="onSubmit(f)" #f="ngForm" >
          <mat-form-field class="example-full-width mat-form-field-infix1">
            <input matInput [matDatepicker]="picker" placeholder="Choose a date" name="eventDate" [(ngModel)]="eventobj.eventDate" #eventDate="ngModel"
              required>
            <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
            <mat-datepicker #picker></mat-datepicker>

          </mat-form-field>
           <button mat-raised-button color="primary">Add Event</button>
       </form>
    </div>

eventobj = {


    eventDate: "Date",

  }

   onSubmit() {
   console.log(this.eventobj.eventDate);

   }