/TypeScript/From date and to date validation in angular 8

From date and to date validation in angular 8

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')
]});

Similar codes

1 vote274 views3 answers
Roperty 'form' has no initializer and is not definitely assigned in the constructor.
TypeScript
-1 vote251 views1 answer
T sql if exists multiple conditions
TypeScript
1 vote266 views2 answers
The server time zone value 'FLE' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more
TypeScript
0 vote250 views2 answers
Typescript one of the array items
TypeScript
1 vote271 views2 answers
No type arguments expected for interface ListAdapter
TypeScript
2 votes216 views1 answer
Mat-option change event
TypeScript
0 vote264 views1 answer
How to read web page in type script
TypeScript
1 vote266 views1 answer
Kotlin version that is used for building with gradle
TypeScript
0 vote253 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
0 vote249 views1 answer
Material-ui icon npm
TypeScript