Angular2 – Setting date field on reactive form

by

When you run this code in Chrome (other browsers not tested) it logs an error to console:

The specified value “7/26/2017” does not conform to the required format, “yyyy-MM-dd”.

Which I think describes the problem pretty well

You can fix it by changing your currentDate() method to something like:

currentDate() {
  const currentDate = new Date();
  return currentDate.toISOString().substring(0,10);
}

Live plunker example

While this does fix the problem the answer from @JGFMK shows a better way of converting the date using a DatePipe

More Related Contents:

  1. How do I share data between components in Angular 2?
  2. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  3. How to get query parameters from URL in Angular 5?
  4. Ionic 2 Form goes up when keyboard shows
  5. When to use square brackets [ ] in directives @Inputs and when not?
  6. Angular2 – Interaction between components using a service
  7. Reactive forms – disabled attribute
  8. Angular4 Exception: Can’t bind to ‘ngClass’ since it isn’t a known property of ‘input’
  9. No provider for AngularFireDatabase, AngularFireAuth
  10. Multiple canActivate guards all run when first fails
  11. TS2531: Object is possibly ‘null’
  12. Custom ExceptionHandler change detection lag
  13. Trigger update of component view from service – No Provider for ChangeDetectorRef
  14. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  15. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  16. Pass parameter into route guard
  17. Type casting within a template in Angular 2
  18. Typescript dependency injection public vs private
  19. Rxjs Retry with Delay function
  20. What is the meaning of question mark in expressions in Angular 2?
  21. Merging http observables using forkjoin
  22. Subscribing to a nested Observable
  23. Angular: selected on option of select doesn’t work as excepted while using along with ngModel
  24. How to Using a FormArray in a FormGroup
  25. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  26. How to validate white spaces/empty spaces? [Angular 2]
  27. How to delete a field in a Firestore Document?
  28. Call a function every 10 seconds Angular2
  29. How to change angular material datepicker format
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment