Javascript 如何将角度材质日期选择器双向绑定到字符串属性
我正在使用Angular Material datepicker组件,它与ngModel绑定到表示日期的字符串属性。使用MatMomentDateModule,ngModel值是一个矩对象,而不是我想要的字符串对象。如何使用日期选择器选择日期,并让ngModel输出该日期的字符串表示形式 模板:Javascript 如何将角度材质日期选择器双向绑定到字符串属性,javascript,angular,angular-material,Javascript,Angular,Angular Material,我正在使用Angular Material datepicker组件,它与ngModel绑定到表示日期的字符串属性。使用MatMomentDateModule,ngModel值是一个矩对象,而不是我想要的字符串对象。如何使用日期选择器选择日期,并让ngModel输出该日期的字符串表示形式 模板: <mat-form-field> <input matInput placeholder="Target Start Date" name="targetStartDatePicke
<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>
您是否仅因为它的显示方式而将其绑定到字符串?我之所以将其绑定到字符串,是因为这是我从API收到的模型,所有日期都表示为字符串。直接使用datepicker控件操纵该字符串值,然后发布模型以更新它,这将是一件好事。现在我只在datepicker中显示,明白了。不确定是否可以使用字符串进行直接双向绑定。您可以做的是绑定到
dateChange
事件,该事件将为您提供所选日期,当选择新日期时,您可以将其转换为所需的字符串格式,并将其分配给日期属性。查看是否有帮助,以及是否可以根据需要对其进行更改。
export class Visit {
public TargetStartDate: string;
}