我有一个来自 Angular Material 的日期选择器。单击某个事件时,我从 api 服务获取新日期。如何更改某些点击事件的日期?
默认情况下,我有一些约会。单击提交按钮后,有一些 api 被处理(假设),在订阅响应值时有一个日期格式的变量。
如何更改某些点击事件的日期?
<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> <br/>
<button (click)="dosomeaction()">Submit</button>
export class DatepickerOverviewExample {
dosomeaction = function(){
let date = "2018/09/04";
//assign the above date to the input field
}
}
最佳答案
你可以这样做
组件.html
<mat-form-field>
<input matInput [matDatepicker]="picker"
[(ngModel)]="dateToPass"placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field> <br/>
<button (click)="dosomeaction()">Submit</button>
组件.ts
export class DatepickerOverviewExample {
dateToPass;
dosomeaction(){
let date = new Date("2018/09/04");
//assign the above date to the input field
this.dateToPass = date;
}
}
关于angular - 如何从 Angular Material 日期选择器更改日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52100345/