Angular 2 form validations start date

by

Based on the answer of santiagomaldonado I have created a generic ValidatorFn that can be used in multiple Reactive Forms with a dynamic return value.

export class DateValidators {
    static dateLessThan(dateField1: string, dateField2: string, validatorField: { [key: string]: boolean }): ValidatorFn {
        return (c: AbstractControl): { [key: string]: boolean } | null => {
            const date1 = c.get(dateField1).value;
            const date2 = c.get(dateField2).value;
            if ((date1 !== null && date2 !== null) && date1 > date2) {
                return validatorField;
            }
            return null;
        };
    }
}

Import the validator and use it like this in your formgroup validators.

    this.form = this.fb.group({
        loadDate: null,
        deliveryDate: null,
    }, { validator: Validators.compose([
        DateValidators.dateLessThan('loadDate', 'deliveryDate', { 'loaddate': true }),
        DateValidators.dateLessThan('cargoLoadDate', 'cargoDeliveryDate', { 'cargoloaddate': true })
    ])});

Now you can use the validation in HTML.

<md-error *ngIf="form.hasError('loaddate')">Load date must be before delivery date</md-error>

More Related Contents:

  1. Min / Max Validator in Angular 2 Final
  2. How can I manually set an Angular form field as invalid?
  3. How to add form validation pattern in Angular 2?
  4. What is the best Java email address validation method? [closed]
  5. Do I really need to encode ‘&’ as ‘&’?
  6. What is the maximum length of a valid email address?
  7. Why is client-side validation not enough?
  8. Validation Error: Value is not valid
  9. How to let validation depend on the pressed button?
  10. How to perform validation in JSF, how to create a custom validator in JSF
  11. Force JSF to process, validate and update readonly/disabled input components anyway
  12. Is JSF validation client-side or server-side?
  13. What Firebase rule will prevent duplicates in a collection based on other fields?
  14. How to check whether a file is valid UTF-8?
  15. How to force MVC to Validate IValidatableObject
  16. jQuery disable rule validation on a single field
  17. Found an unexpected Mach-O header code: 0x72613c21 in Xcode 7
  18. How to skip validation when a specific button is clicked?
  19. Change the default message “Validation Error: Value is required” to just “Value is required”
  20. What characters should be restricted from a Unix file name?
  21. How to display dialog only on complete of a successful form submit
  22. Using validator with a variable attribute in ui:repeat
  23. Disable validation of HTML form elements
  24. What’s the appropriate HTTP status code to return if a user tries logging in with an incorrect username / password, but correct format?
  25. How to handle set based consistency validation in CQRS?
  26. How to customize JSF validation error message
  27. Why does allow blank spaces?
  28. Keep open when validation has failed
  29. Validate order of items inside ui:repeat
  30. How do you perform address validation? [closed]

Leave a Comment