AngularJS – convert dates in controller

by 
item.date = $filter('date')(item.date, "dd/MM/yyyy"); // for conversion to string

http://docs.angularjs.org/api/ng.filter:date

But if you are using HTML5 type=”date” then the ISO format yyyy-MM-dd MUST be used.

item.dateAsString = $filter('date')(item.date, "yyyy-MM-dd");  // for type="date" binding


<input type="date" ng-model="item.dateAsString" value="{{ item.dateAsString }}" pattern="dd/MM/YYYY"/>

http://www.w3.org/TR/html-markup/input.date.html

NOTE: use of pattern=”” with type=”date” looks non-standard, but it appears to work in the expected way in Chrome 31.

More Related Contents:

  1. How to use a filter in a controller?
  2. How to format date in angularjs
  3. How to get the difference of two dates in mm-dd-hh format in Javascript
  4. Easiest way to pass an AngularJS scope variable from directive to controller?
  5. Using AngularJS date filter with UTC date
  6. How do I convert an ISO8601 date to another format in PHP?
  7. Is it feasible for a start-up of two developers to do full automated regression testing without manual testing? [closed]
  8. Format JavaScript date as yyyy-mm-dd
  9. Why don’t the AngularJS docs use a dot in the model directive?
  10. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  11. MySQL Query GROUP BY day / month / year
  12. AngularJS For Loop with Numbers & Ranges
  13. filters on ng-model in an input
  14. How come Angular doesn’t update with scope here?
  15. Can I make a function available in every controller in angular?
  16. Handle HTTP 302 response from proxy in angularjs
  17. How can I pass some data from one controller to another peer controller [duplicate]
  18. Understanding what it takes to remove the hash # from angular routes
  19. Angular – ui-router get previous state
  20. AngularJs Remove duplicate elements in ng-repeat
  21. How would I have ui-router go to an external link, such as google.com?
  22. AngularJS All slashes in URL changed to %2F
  23. Work with a time span in Javascript
  24. Lazy loading AngularJS modules with RequireJS
  25. ng-options with simple array init
  26. stop angular-ui-router navigation until promise is resolved
  27. How can I preserve new lines in an AngularJS partial?
  28. Exclamation mark after hash (#!) in angularjs app
  29. Clean way to convert quarterly periods to datetime in pandas
  30. Angular and mixing jQuery UI – Why not?

Leave a Comment