Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将角度材质日期选择器双向绑定到字符串属性_Javascript_Angular_Angular Material - Fatal编程技术网

Javascript 如何将角度材质日期选择器双向绑定到字符串属性

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

我正在使用Angular Material datepicker组件,它与ngModel绑定到表示日期的字符串属性。使用MatMomentDateModule,ngModel值是一个矩对象,而不是我想要的字符串对象。如何使用日期选择器选择日期,并让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>

您是否仅因为它的显示方式而将其绑定到字符串?我之所以将其绑定到字符串,是因为这是我从API收到的模型,所有日期都表示为字符串。直接使用datepicker控件操纵该字符串值,然后发布模型以更新它,这将是一件好事。现在我只在datepicker中显示,明白了。不确定是否可以使用字符串进行直接双向绑定。您可以做的是绑定到
dateChange
事件,该事件将为您提供所选日期,当选择新日期时,您可以将其转换为所需的字符串格式,并将其分配给日期属性。查看是否有帮助,以及是否可以根据需要对其进行更改。
export class Visit {
    public TargetStartDate: string;
}