如何以两种方式将Angular Material datepicker绑定到字符串属性

时间:2019-04-12 18:39:29

标签: javascript angular angular-material

我正在使用Angular Material datepicker组件,该组件与ngModel绑定到表示日期的字符串属性。使用MatMomentDateModule,ngModel值是一个Moment对象,而不是我想要的字符串对象。如何使用日期选择器选择日期,并使ngModel输出该日期的字符串表示形式?

模板:

<mat-form-field>
 <input matInput placeholder="Target Start Date" name="targetStartDatePicker"
            [matDatepicker]="targetStartDatePicker" [value]="visit.TargetStartDate" required>
 <mat-datepicker-toggle matSuffix [for]="targetStartDatePicker"></mat-datepicker-toggle>
 <mat-datepicker #targetStartDatePicker></mat-datepicker>
</mat-form-field>

控制器属性:

public visit: Visit;

打字稿型号:

export class Visit {
    public TargetStartDate: string;
}

0 个答案:

没有答案