如何在使用min/max via函数时解锁Angulars mat日期范围选择器?
我试图通过组件方法设置角度最小值和最大值 虽然属性绑定工作正常,通过方法的绑定似乎会阻止范围选择器的ui。如何在使用min/max via函数时解锁Angulars mat日期范围选择器?,angular,datepicker,angular-material,Angular,Datepicker,Angular Material,我试图通过组件方法设置角度最小值和最大值 虽然属性绑定工作正常,通过方法的绑定似乎会阻止范围选择器的ui。 import {Component} from "@angular/core"; import {FormControl, FormGroup} from "@angular/forms"; const dateOffset = (24*60*60*1000) * 5; //5 days @Component({ selector: 'e
import {Component} from "@angular/core";
import {FormControl, FormGroup} from "@angular/forms";
const dateOffset = (24*60*60*1000) * 5; //5 days
@Component({
selector: 'example-component',
template: `
<mat-form-field>
<mat-label>Doesn't work</mat-label>
<mat-date-range-input [formGroup]="range2" [rangePicker]="picker2" [min]="getMin()" [max]="getMax()">
<input matStartDate formControlName="start"
placeholder="Start date">
<input matEndDate formControlName="end"
placeholder="End date">
</mat-date-range-input>
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
<mat-date-range-picker #picker2></mat-date-range-picker>
</mat-form-field>
`
})
export class ExampleComponent {
range2 = new FormGroup({
start: new FormControl(),
end: new FormControl()
});
getMin() {
let min = new Date();
min.setTime(this.now.getTime() - dateOffset);
return min;
}
getMax() {
let max = new Date();
max.setTime(this.now.getTime() + dateOffset);
return max;
}
}
从“@angular/core”导入{Component};
从“@angular/forms”导入{FormControl,FormGroup}”;
常数日期偏移量=(24*60*60*1000)*5//5天
@组成部分({
选择器:“示例组件”,
模板:`
不起作用
`
})
导出类ExampleComponent{
range2=新表单组({
开始:新建FormControl(),
结束:新表单控件()
});
getMin(){
设min=新日期();
min.setTime(this.now.getTime()-dateOffset);
返回最小值;
}
getMax(){
设max=新日期();
max.setTime(this.now.getTime()+dateOffset);
返回最大值;
}
}
取决于工作和阻塞变量
我做错了什么