javascript doesn't convert angular ui datepicker date to UTC correctly

Question

I'm using angular ui datepicker in my project(asp.net web api + angularjs). All works fine but when I'm trying to save date to Db it doesn't convert it to UTC format correctly and substructs 1 day(actually a few hours but it affects for a day too). For example when I choose 01/11/2014 in the datepicker: ``` Angularjs object: Sat Nov 01 2014 00:00:00 GMT+0200 (FLE Standard Time) In request: 2014-10-31T22:00:00.000Z In asp.net api controller: {31-Oct-14 10:00:00 PM} ``` Datepicker controller: ``` app.controller('DatepickerCtrl', function ($scope) { $scope.today = function () { $scope.dt = new Date(); }; $scope.today(); $scope.clear = function () { $scope.dt = null; }; $scope.open = function ($event) { $event.preventDefault(); $event.stopPropagation(); $scope.opened = true; }; $scope.format = 'dd/MM/yyyy'; $scope.dateOptions = { 'starting-day': 1 }; }); ``` hnml: ```

Date of Birth

Accepted Answer

I have had the exact same problem, the solution was to remove the timezone component of the date part. To solve the problem in a more generic way I had written a directive

```
csapp.directive("csDateToIso", function () {

var linkFunction = function (scope, element, attrs, ngModelCtrl) {

ngModelCtrl.$parsers.push(function (datepickerValue) {
            return moment(datepickerValue).format("YYYY-MM-DD");
        });
    };

return {
        restrict: "A",
        require: "ngModel",
        link: linkFunction
    };
});
```

above directive removes the timezone part and only considers the date part of the ISO date format input.

I do use moment.js for date manipulations. But you can easily convert above to not use moment.js

EDIT

use it like below

```
  <input ng-model='abc' cs-date-to-iso ui-datepicker>
```

javascript doesn't convert angular ui datepicker date to UTC correctly

Solution

Problem