Angular date filter adds timezone how to output UTC

Question

I m using the date filter to render a unix timestamp in a certain format  I ve noticed the filter adds the local timezone to the output   Is there any way to simply output the exact timestamp  without adding any timezone information   Input   talk content date and time   1400167800     is 05   15   14   3 30 00pm UTC   Code     talk content date and time 1000   date  dd-M-yyyy H mm Z      Output   15-5-2014 17 30  0200   How can I make the output 15 30 instead of 17 30

User · Answer

The date filter always formats the dates using the local timezone  You ll have to write your own filter  based on the getUTCXxx   methods of Date  or on a library like moment js

User · Answer

The  Z  is what adds the timezone info   As for output UTC  that seems to be the subject of some confusion -- people seem to gravitate toward moment js     Borrowing from this answer  you could do something like this without moment js   controller  var app1   angular module  app1        app1 controller  ctrl     scope  function  scope      var toUTCDate   function date       var  utc   new Date date getUTCFullYear    date getUTCMonth    date getUTCDate     date getUTCHours    date getUTCMinutes    date getUTCSeconds         return  utc          var millisToUTCDate   function millis       return toUTCDate new Date millis               scope toUTCDate   toUTCDate       scope millisToUTCDate   millisToUTCDate            template   lt html ng-app  app1  gt      lt head gt       lt script data-require  angular js    data-semver  1 2 12  src  http   code angularjs org 1 2 12 angular js  gt  lt  script gt       lt link rel  stylesheet  href  style css    gt       lt script src  script js  gt  lt  script gt     lt  head gt      lt body gt       lt div ng-controller  ctrl  gt         lt div gt        utc   millisToUTCDate 1400167800    date  dd-M-yyyy H mm           lt  div gt         lt div gt        local   1400167800   date  dd-M-yyyy H mm           lt  div gt       lt  div gt     lt  body gt    lt  html gt    here s plunker to play with it   See also this and this   Also note that with this method  if you use the  Z  from Angular s date filter  it seems it will still print your local timezone offset

User · Answer

I just used getLocaleString   function for my application  It should adapt the timeformat common to the locale  so no  0200 etc  Ofcourse  there will be less possibility for controlling the width of your string then   var str    new Date 1400167800   toLocaleString

User · Answer

Since version 1 3 0 AngularJS introduced extra filter parameter timezone  like following       date expression   date   format   timezone     But in versions 1 3 x only supported timezone is UTC  which can be used as following      someDate   date   MMM d  y H mm ss     UTC       Since version 1 4 0-rc 0 AngularJS supports other timezones too  I was not testing all possible timezones  but here s for example how you can get date in Japan Standard Time  JSP  GMT  9       clock   date   MMM d  y H mm ss      0900       Here you can find documentation of AngularJS date filters   NOTE  this is working only with Angular 1 x  Here s working example

[angularjs] Angular: date filter adds timezone, how to output UTC?

Examples related to angularjs

Examples related to datetime