0
我使用mydatepicker具有以下自制的輔助類：組驗證不踢角反應形式patchValue
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}，即使如果我只是從下拉列表中重新選擇完全相同的日期，該組將自動生效。
我沒有做什麼？
什麼顯示的console.log（start.value.jsdate） – Vega
的OnInit。用於創建表單和修補值的整個代碼位於OnInit – Sammy
我不確定它是否是答案...我的意思是當您在返回start.value.jsdate之前放置console.log（start.value.jsdate）時，它顯示了什麼？ – Vega