Formatting date using Angular

Question

Why the following code produces strange output (looks like moment().valueOf() returns 0)

Since 7 days ago : {{(moment().valueOf()  - 7*24*60*60*1000)  | date:'yyyy-MM-dd' }}

returns

Since 7 days ago : 1969-12-25

It would be easier to help you if you explained what you are trying to achieve. Even though I believe you are looking for something like this: moment(moment().valueOf() - 7*24*60*60*1000).format('YYYY-MM-DD'). You can bind this directly, without using AngularJS dateFilter. EDIT: Bixi's answer is definitely clearer. — link
– link, Commented Jun 4, 2014 at 7:28

Jscti · Accepted Answer · 2014-06-04 11:48:08Z

2

You can do it with moment API :

moment().subtract('days', 7).format("YYYY-MM-DD")

Working jsfiddle : http://jsfiddle.net/D9UCF/1/

edited Jun 4, 2014 at 11:48

answered Jun 4, 2014 at 7:31

Jscti

14.5k5 gold badges66 silver badges92 bronze badges

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

5 Comments

Ali Salehi Over a year ago

Thanks Bixi, don't know why nothing shows up when I try it! Here is the jsFiddle jsfiddle.net/D9UCF

Jscti Over a year ago

Added fiddle. You can't use moment() like that in a template. One solution is to use a scope variable. Another one is to use a dedicated angular moment module like github.com/urish/angular-moment

Ali Salehi Over a year ago

May I know what it can't be used like that?

Jscti Over a year ago

in angular template expressions you have to use angular mechanisms such as filters, operators, scope variable, etc ... see docs.angularjs.org/guide/expression

link Over a year ago

As a simple solution, you can expose moment trough the scope: $scope.moment = moment and I guess it would make your example work. Anyway, better to encapsulate the library in a dedicated service. See it here

Diana Nassar · Accepted Answer · 2014-06-04 07:35:07Z

2

This is because:

moment#valueOf simply outputs the number of milliseconds since the Unix Epoch, just like Date#valueOf.

[http://momentjs.com/docs/]

One way to achieve what you want is as follows:

Since 7 days ago: <span ng-bind="sevenDaysAgo"></span>

$scope.sevenDaysAgo = moment(new Date(new Date().setDate(new Date().getDate() - 7))).format('YYYY-MM-DD');

answered Jun 4, 2014 at 7:35

Diana Nassar

2,30316 silver badges17 bronze badges

1 Comment

mfirry Over a year ago

yeah, moment().valueOf() returns a number whilst angular's date filter works with Date objects

Collectives™ on Stack Overflow

Formatting date using Angular

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related