How to format date in angularjs

Angular.js has a built-in date filter.

demo

// in your controller:
$scope.date = '20140313T00:00:00';

// in your view, date property, filtered with date filter and format 'MM/dd/yyyy'
<p ng-bind="date | date:'MM/dd/yyyy'"></p>

// produces
03/13/2014

You can see the supported date formats in the source for the date filter.

edit:

If you’re trying to get the correct format in the datepicker (not clear if you’re using datepicker or just trying to use it’s formatter), those supported format strings are here: https://api.jqueryui.com/datepicker/

Leave a Comment