J'utilise mydatepicker avec la classe d'aide maison suivante:Groupe validateur ne frappe pas après forme angulaire réactive 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
est utilisé dans le composant comme suit:
this.formGroup = this.fb.group({
dates: createDateRangeGroup(this.fb)
});
setDateRangeGroupDates(this.formGroup.get('dates'), new Date(2017, 10, 1), new Date(2017, 10, 10));
Je peux voir sur l'écran que les dates sont réglées correctement. Cependant, quand j'essaie de console.log(this.formGroup.get('dates'));
, il montre clairement une erreur de {invalid: true}
même si je ne fais que resélectionner exactement les mêmes dates dans la liste déroulante, le groupe devient automatiquement valide.
Qu'est-ce que je ne fais pas?
et ce qui montre console.log (start.value.jsdate) – Vega
OnInit. Le code complet pour créer le formulaire et patcher la valeur est dans OnInit – Sammy
Je ne suis pas sûr que c'était la réponse ... Je voulais dire quand vous placez console.log (start.value.jsdate) juste avant de retourner start.value.jsdate, ce que ça montre? – Vega