Angular date filter with date-string

Question

I have a datestring in the following format: YYYY-MM-DD HH:mm:SS

I want to use the Angular date filter in the binding to change it to a YYYY-MM-DD HH:mm format.

I am trying {{data.date | date : "YYYY-MM-DD HH:mm"}}, but it doens't seem to work. Any ideas on what to change to get it to recognize my date format?

Rohan Kawade · Accepted Answer · 2017-06-25 05:31:01Z

3

Try this

In Js file

angular.module('yourmodule').filter('datetime', function($filter)
{
 return function(input)
 {
  if(input == null){ return ""; } 

  var _date = $filter('date')(new Date(input),
                              'MMM dd yyyy - HH:mm:ss');

  return _date.toUpperCase();

 };
});

In HTML

<span>{{ d.time | datetime }}</span>

edited Jun 25, 2017 at 5:31

answered Jun 25, 2017 at 5:18

Rohan Kawade

4735 silver badges18 bronze badges

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

1 Comment

Nishant Roy Over a year ago

I'm trying to do the filtering in the HTML and not the javascript.

Collectives™ on Stack Overflow

Angular date filter with date-string

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related