angular start date end date validation

Solutions on MaxInterview for angular start date end date validation by the best coders in the world

Search
showing results for - "angular start date end date validation"
Noah
15 Nov 2020
1export class CustomeDateValidators {
2    static fromToDate(fromDateField: string, toDateField: string, errorName: string = 'fromToDate'): ValidatorFn {
3        return (formGroup: AbstractControl): { [key: string]: boolean } | null => {
4            const fromDate = formGroup.get(fromDateField).value;
5            const toDate = formGroup.get(toDateField).value;
6           // Ausing the fromDate and toDate are numbers. In not convert them first after null check
7            if ((fromDate !== null && toDate !== null) && fromDate > toDate) {
8                return {[errorName]: true};
9            }
10            return null;
11        };
12    }
13}
14
15/*--- implementations ---*/
16this.form = this.fb.group({
17  fromDate: null,
18  toDate: null,
19}, { validator: [
20  //Default error with this validator:  {fromToDate: true}
21  CustomeDateValidators.fromToDate('fromDate', 'toDate')
22  
23  // For custome error name like: {customeErrorName: true}, pass third optional parameter with custome name
24  // CustomeDateValidators.fromToDate('fromDate', 'toDate', 'customeErrorName')
25]});
26
27
source
similar questions
date angularfrom date and to date validation in angular 8angular date pipe 24 hour formatangular change how date looksfrom date and to date validation in angular 9date format angular
queries leading to this page
angular date validatedate validation in angular 6how to validate date in angular jsangular from date to date validationdatepicker start date end date validation angular 11validator date angularangularjs datepicker startdate enddate validationstart date and end date validation in angular 4from date to date validation in angular 8angular start date end date validationend date start date validation angularangular from and to date validationangular validation datehow to validate date in angular jshow to validate start and end date in angularstart date and end date validation in angular 8start date time and end date time validation in angulardate validation angularangular valid datehow to validate start date and end date in angularangular validate datedate validation in angular 8from date to date validation angularvalidate date values angularvalidation for date in angulardate validations in angualrangular 8 form validations start date 3c 3d end datestart and end date angular validatorto date validation in angular 7from date and to date validation in angular 8angular setvalidators start date end date custom messagedate validation in angularangular 8 start end date validationfrom date and to date validation in angular 9start date and end date validation in angular 6date validator angularcurrent date validation in angular 8angular start date end date validation