Angular, Angular-ui : Date - Different ouput format

Question

My date is a string in this format:

Dec 31, 1969 7:00:00 PM

I want to show a shorter date on the view so i do this with angular

<input ui-date="{ dateFormat: 'yy-mm-dd' }" ui-date-format ng-model="project.date" />

But then project.date is no longer the old format but the unix one (I think) :

1969-12-09T05:00:00.000Z

But i want to ouptput it in the previous format :

Dec 31, 1969 7:00:00 PM

How could i do this?

I want this one: Dec 31, 1969 7:00:00 PM I/O and just printed different on the view — Jerome Ansia
– Jerome Ansia, Commented Apr 1, 2013 at 21:57

Michel · Accepted Answer · 2013-05-17 07:47:06Z

2

use Date filter, exp : {{yourDate | date:'medium' }} check this : http://docs.angularjs.org/api/ng.filter:date

answered May 17, 2013 at 7:47

1036 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CodeOverRide · Accepted Answer · 2014-04-11 16:55:22Z

You can do the following:

<input ui-date="{ project.date | date : 'medium'}" ui-date-format ng-model="project.date" />

in you html tag or in your ctrl

$scope.today = $filter('date')(project.date,''MMM d, y h:mm:ss a'');

make sure you dependent inject $filter to your ctrl