/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 vote280 views3 answers
Roperty 'form' has no initializer and is not definitely assigned in the constructor.
TypeScript
0 vote257 views1 answer
If driver element exists python
TypeScript
4 votes353 views1 answer
About_Execution_Policies at http://go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1 + live-server --port=9000 + ~~~~~~~~~~~ + CategoryInfo : SecurityError: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess
TypeScript
1 vote260 views1 answer
React typescript custom hook
TypeScript
0 vote536 views1 answer
Cacerts default password
TypeScript
0 vote214 views1 answer
Vue-router navbar
TypeScript
1 vote250 views1 answer
Ets2 iInvalid floating point value '&7fc00000'
TypeScript
2 votes264 views1 answer
Usedisclosure
TypeScript
4 votes266 views2 answers
What were four effects of the War of 1812?
TypeScript
0 vote267 views1 answer
"http://" looks like a URL. Beautiful Soup is not an HTTP client. You should probably use an HTTP client like requests to get the document behind the URL, and feed that document to Beautiful Soup. markup
TypeScript