日期格式过滤器不起作用角度js

Question

I am new to angular js . I am trying to give some date format like Nov-24-2016 , but its not working at all . Below is my code.

{{ x.created | date:" MM-d-y" }}

Here I want this format Nov-24-2016

and x.created value = 2016-11-24 08:02:21

Any suggestion? Thank you

Answer 1

you can create a custom

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

      var _date = $filter('date')(new Date(input),'MM-dd-yyyy');         
      return _date.toUpperCase();

    };
});


{{ x.created | datetime }}

Answer 2

Have a look at the documentation: https://docs.angularjs.org/api/ng/filter/date

x.created must be either a Date object or a timestring with milliseconds since UTC epoch.

So either create a manual filter for it or parse your datestring to a Date object.

Answer 3

使用date管x.created必须是日期对象，数字（因为UTC毫秒为单位）或ISO字符串作为每DatePipe

Answer 4

{{ x.created | date: "MMM-dy" }} {{ x.created | date: "MMM-dy" }} renders to Nov-24-2016

Btw: 2016-11-24 08:02:21 seems not to be a valid ISO string, https://www.w3.org/TR/NOTE-datetime . You could check this.

Answer 5

I had similar problem. It's fix after 2 steps, change document encoding to utf-8 without BOM and rewrite manually data of time. Like this - date: 2013-12-02T17:57:28.556094Z