組驗證不踢角反應形式patchValue

Question

我使用mydatepicker具有以下自制的輔助類：

import {AbstractControl, FormBuilder} from '@angular/forms'; 
 

 
export const dateRangeValidator = (control: AbstractControl): {[key: string]: boolean} => { 
 
\t const start = control.get('start'); 
 
\t const end = control.get('end'); 
 
\t if (!start || !end) { 
 
\t \t return null; 
 
\t } 
 
\t if (!start.value || !end.value) { 
 
\t \t return {required: true}; 
 
\t } 
 
\t return start.value.jsdate < end.value.jsdate ? null : {invalid: true}; 
 
}; 
 

 
export const createDateRangeGroup = (fb: FormBuilder) => { 
 
\t return fb.group({ 
 
\t \t start: null, 
 
\t \t end: null 
 
\t }, { validator: dateRangeValidator}); 
 
}; 
 

 
export const setDateRangeGroupDates = (dates: AbstractControl, start: Date, end: Date) => { 
 
\t dates.patchValue({ 
 
\t \t start: { 
 
\t \t \t date: { 
 
\t \t \t \t year: start.getFullYear(), 
 
\t \t \t \t month: start.getMonth() + 1, 
 
\t \t \t \t day: start.getDate() 
 
\t \t \t } 
 
\t \t }, 
 
\t \t end: { 
 
\t \t \t date: { 
 
\t \t \t \t year: end.getFullYear(), 
 
\t \t \t \t month: end.getMonth() + 1, 
 
\t \t \t \t day: end.getDate() 
 
\t \t \t } 
 
\t \t } 
 
\t }); 
 
};

createDateRangeGroup正在組件中使用如下：

this.formGroup = this.fb.group({ 
 
    dates: createDateRangeGroup(this.fb) 
 
}); 
 
setDateRangeGroupDates(this.formGroup.get('dates'), new Date(2017, 10, 1), new Date(2017, 10, 10));

我可以在屏幕上看到日期設置正確。但是，當我嘗試console.log(this.formGroup.get('dates'));時，它清楚地顯示了一個錯誤{invalid: true}，即使如果我只是從下拉列表中重新選擇完全相同的日期，該組將自動生效。

我沒有做什麼？

Answer 1

我結束了使用selDate屬性如下所述：https://github.com/kekeh/mydatepicker#seldate-attribute