角度日期-范围-输入射击更改
角度日期-范围-输入射击更改
提问于 2020-08-26 23:32:16
我遇到了问题，因为我不知道如何在别人选择日期后触发更改事件。
我当前的代码：
<div class="d-flex align-items-center">
<mat-form-field appearance="fill">
<mat-label>Wybierz przedział czasowy
</mat-label>
<mat-date-range-input [formGroup]="range" [rangePicker]="picker">
<input matStartDate formControlName="start" placeholder="Data początkowa">
<input matEndDate formControlName="end" placeholder="Data końcowa">
</mat-date-range-input>
<mat-datepicker-toggle matSuffix [for]=" picker"></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker>
<mat-error *ngIf="range.controls.start.hasError('matStartDateInvalid')">Zła data początkowa</mat-error>
<mat-error *ngIf="range.controls.end.hasError('matEndDateInvalid')">Zła data końcowa</mat-error>
</mat-form-field>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-27 14:35:18
你可以知道什么时候会以不同的方式改变
在每个输入中使用(dataChange) or (dateInput)：
<mat-date-range-input [formGroup]="range" [rangePicker]="picker">
<input matStartDate formControlName="start" placeholder="Start date" (dateChange)="startChange($event)">
<input matEndDate formControlName="end" placeholder="End date" (dateChange)="endChange($event)">
</mat-date-range-input>
startChange(event:MatDatepickerInputEvent)
{
console.log("startChange",event.value)
}
endChange(event:MatDatepickerInputEvent)
{
console.log("endChange",event.value)
}订阅窗体组/窗体控件的valueChanges。例如在ngOnInit中
ngOnInit()
{
this.range.get('start').valueChanges.subscribe(res=>{
console.log("valueChange start",res)
})
this.range.get('end').valueChanges.subscribe(res=>{
console.log("valueChange end",res)
})
this.range.valueChanges.subscribe(res=>{
console.log("range Change",res)
})
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63600923
复制相关文章
相似问题
腾讯云开发者
