/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

0 vote218 views1 answer
Nodejs to send authentication bearer token cowin
TypeScript
39 votes240 views6 answers
Cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
14 votes231 views6 answers
How to install bootstrap in angular 11
TypeScript
4 votes217 views3 answers
Expo typescript install
TypeScript
2 votes234 views1 answer
Amcharts angular universal
TypeScript
0 vote207 views1 answer
View and navigate your assignments (teacher) code for asp.net
TypeScript
3 votes233 views1 answer
Regex replace certain string
TypeScript
7 votes248 views5 answers
Typescript foreach async await
TypeScript
0 vote218 views1 answer
Check if two lists have overlap python
TypeScript
0 vote206 views1 answer
Loading assets in ionic react
TypeScript