/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

4 votes165 views3 answers
Show timestamp as yyyy mm dd html angular
TypeScript
0 vote149 views1 answer
HIGHER-ORDER FUNCTIONS with two parameters
TypeScript
0 vote143 views1 answer
Material-ui icon npm
TypeScript
0 vote164 views1 answer
Angular TS2377
TypeScript
91 votes364 views5 answers
How to get last element of array in typescript
TypeScript
11 votes158 views2 answers
How to run resources in ionic
TypeScript
0 vote242 views1 answer
Typescript triple slash
TypeScript
2 votes166 views2 answers
Cannot use JSX unless the '--jsx' flag is provided.ts(17004)
TypeScript
0 vote164 views1 answer
Whats is the use Notes.create(note) .then((data) => { res.send(data); }) .catch((err) => { res.status(500).send({ message: err.message || 'Some error occurred while create the Notes', }); });
TypeScript
1 vote143 views2 answers
How to sort numbers in typescript
TypeScript