You can not remove timezone information when creating Date object -- this is a deficiency of the API.

The dates created via various Date APIs are parsed according to provided timezone (if the given method supports it), or if missing, they assume your local machine's timezone; then internally they're represented as dates relative to the UTC timezone.

Whenever you stringify a date, you implicitly invoke date.toJSON() which in turn invokes date.toISOString(), which stringifies to UTC-relative time (hence Z as the end which stands for Zulu i.e. UTC).

As far as I can tell there's no method that serializes to ISO-like string but using local timezone. You could use low-level Date properties to write your own method which serializes back to the local timezone if you really need to, or you could use a library like date-fns. You could use moment library, but while very powerful, it's huge so be careful with it.

I found this answer: Why does angular date filter adding 2 to hour?

Here is an example:

Just pipe another filter:

app.filter('utc', function(){

  return function(val){
    var date = new Date(val);
     return new Date(date.getUTCFullYear(), 
                     date.getUTCMonth(), 
                     date.getUTCDate(),  
                     date.getUTCHours(), 
                     date.getUTCMinutes(), 
                     date.getUTCSeconds());
  };    

});

In your template:

<span>{{ date | utc | date:'yyyy-MM-dd HH:mm:ss' }}</span>

https://stackoverflow.com/questions/53934786/format-utc-using-datepipe

If you don't want to automatically convert to your local timezone, then specify a timezone.

As of at least Angular 1.4 you can use the date filter's "timezone" parameter to format the date for a given offset. In this case, to keep the time unchanged, use "UTC".

{{msa.StartDate | date:'yyyy-MM':'UTC'}}

Angular provides service '$filter'. We can inject this service on controller.

with the help of this service, we can format the date .

var dateFrom = $filter('date')(new Date(), "MM/dd/yyyy");

in this way, we can able to format the date with or without Timezone.

The return valus is string and we can convert the string into DateTime on Backend.

The otherway is to use library moment.js. This library provides better way of converting/formatting Dates.

check this blog , which provides angular date/time filtering & formatting.

A bit late but I spent my afternoon on this and someone might find it useful.

Another way to do this declaratively is to use the dateType, dateFormat and modelDateFormat attributes. Set these in either the config or the HTML e.g

angular.module('app').config(function ($datepickerProvider) {
    angular.extend($datepickerProvider.defaults, {
        dateFormat: 'dd-MMMM-yyyy',
        modelDateFormat: "yyyy-MM-ddTHH:mm:ss",
        dateType: "string"
    });
});

DateFormat is the format the date will be displayed to the user in the date picker while modelDateFormat is the format it will be converted to before being bound to your model.

I also had default values coming from the server which I needed to be bound to the datepicker on page load. I therefore had to update the format the server serialized dates in JSON to match the modelDateFormat. I am using Web API so I used the below.

var jsonSettings = Formatters.JsonFormatter.SerializerSettings;
jsonSettings.DateFormatString = "yyyy-MM-ddTHH:mm:ss";

Take a look at the format string you supplied in relation to the output you got:

yyyy-MM-dd HH:mm:ss Z
2015-04-23 02:18:43 +0700

Note how each element of the format string corresponds to an element of the output?

Z represents the time zone. To get rid of it, just change the format string:

yyyy-MM-dd HH:mm:ss

You'll then get a time string like this:

2015-04-22 09:48:36

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

<html ng-app="app1">

  <head>
    <script data-require="angular.js@*" data-semver="1.2.12" src="http://code.angularjs.org/1.2.12/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="ctrl">
      <div>
      utc {{millisToUTCDate(1400167800) | date:'dd-M-yyyy H:mm'}}
      </div>
      <div>
      local {{1400167800 | date:'dd-M-yyyy H:mm'}}
      </div>
    </div>
  </body>

</html>

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.

Solution found here: https://github.com/angular-ui/bootstrap/issues/4837#issuecomment-203284205

The timezone issue is fixed.

You can use:

ng-model-options="{timezone: 'utc'}"

To get a datepicker without timezone calculation.

EDIT: This solution does not work since version 2.x, however it did perfectly fine until then. I couldn't find a workaround and still am using version 1.3.3.

EDIT 2: As Sébastien Deprez pointed out in the comments below, this has been fixed in version 2.3.1. I just tested it and it works great.

<input
 uib-datepicker-popup
 ng-model="$ctrl.myModel"
 ng-model-options="{timezone: 'utc'}">