如何在angular kendo日期选择器上调用设置日期选择器的值的事件

Question

我有两个日期选择器(开始日期和结束日期)在我的角度形式，我想设置我的结束日期的最小值作为开始日期。我在开始日期的值更改时调用了一个方法，该方法将最小值设置为结束日期(将开始日期设置为最小日期为结束日期)。当我在编辑模式下打开一个表单，填写数据时，我想根据开始date.Due设置结束日期的最小值，这是我得到的验证错误。(之前分配的min仍然存在于this.min变量中，我想要重置它)该怎么做？

   <kendo-datepicker 
        formControlName="startDate" placeholder="Start Date" [format]="'MM/dd/yyyy'" (valueChange)=selectedStartDate() required>
   </kendo-datepicker>

   <kendo-datepicker 
        formControlName="endDate" placeholder="END Date" [format]="'MM/dd/yyyy'" [min] = "min" required>
   </kendo-datepicker>

app.component.ts

    min:Date;
    public selectedStartDate(){
        const formModel = this.specialDayFormGroup.value;
         if (formModel.startDate) {
          this.min = new Date(formModel.startDate);
        }
    }

Answer 1

​

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
            <kendo-datepicker
                [min]="min"
                [max]="max"
                [(ngModel)]="value"
                #dateModel="ngModel"
                (valueChange)=selectedStartDate()
            ></kendo-datepicker>

            <kendo-datepicker
                [min]="min2"
                [(ngModel)]="value2"
                #dateModel="ngModel"
            ></kendo-datepicker>
    `
})
export class AppComponent {
    public min: Date = new Date(2020, 4, 10);
    public max: Date = new Date(2020, 9, 10);
    public value: Date = new Date(2020, 4, 10);    
    
    public min2: Date = new Date(2020, 4, 10);
    public value2: Date = new Date(2020, 4, 10);

    public selectedStartDate(){
      this.min2 = this.value;
    }
}

​