/TypeScript/Angular from date to date validation

Angular from date to date validation

export class CustomeDateValidators {
    static fromToDate(fromDateField: string, toDateField: string, errorName: string = 'fromToDate'): ValidatorFn {
        return (formGroup: AbstractControl): { [key: string]: boolean } | null => {
            const fromDate = formGroup.get(fromDateField).value;
            const toDate = formGroup.get(toDateField).value;
           // Ausing the fromDate and toDate are numbers. In not convert them first after null check
            if ((fromDate !== null && toDate !== null) && fromDate > toDate) {
                return {[errorName]: true};
            }
            return null;
        };
    }
}

/*--- implementations ---*/
this.form = this.fb.group({
  fromDate: null,
  toDate: null,
}, { validator: [
  //Default error with this validator:  {fromToDate: true}
  CustomeDateValidators.fromToDate('fromDate', 'toDate')
  
  // For custome error name like: {customeErrorName: true}, pass third optional parameter with custome name
  // CustomeDateValidators.fromToDate('fromDate', 'toDate', 'customeErrorName')
]});

Source: stackoverflow.com

Similar codes

5 votes132 views2 answers
SetState typescript type
TypeScript
0 vote164 views1 answer
Latest unity version that supports 32 bit
TypeScript
2 votes163 views1 answer
Three dots icon flutter
TypeScript
0 vote146 views1 answer
How to set date axes limits in matplotlib plot
TypeScript
1 vote146 views2 answers
Measurement technique of total fiber attenuation gives
TypeScript
1 vote153 views1 answer
Matlab run all tests in folder
TypeScript
14 votes144 views6 answers
How to add two lists in python
TypeScript
34 votes138 views4 answers
How to get duplicate elements in sql
TypeScript
0 vote140 views1 answer
Lua programming - setting up physics
TypeScript
3 votes133 views2 answers
Flutter dialog prevent close
TypeScript