AngularJs get Timestamp from a human readable date

Question

Is there a way in angular JS to get Timestamp from a date obtained by a form?

<label for="start">From:</label>
<input type="date" ng-model="startDate" />

What will I have to write in the directive to transform this data? I didn't find anything about this particular issue, Regards

http://stackoverflow.com/questions/15718203/dealing-with-transformed-data-in-angularjs — Roger Johansson, Dec 19 '13 at 10:22

score 9 · Answer 1 · edited Mar 25 '15 at 20:14

9

Since you are using input type as date, the string in model should be compatible with Date object in javascript. So you can do

var timestamp = new Date($scope.startDate).getTime()

edited Mar 25 '15 at 20:14

Community

1
1

answered Dec 19 '13 at 09:49

Chandermani

42,589
12
85
88

Banana-In-Black · Accepted Answer · 2014-01-14T17:37:46.437

8

Use a directive to change the value from view to model.

http://jsfiddle.net/bateast/Q6py9/1/

angular.module('app', [])
    .directive('stringToTimestamp', function() {
        return {
            require: 'ngModel',
            link: function(scope, ele, attr, ngModel) {
                // view to model
                ngModel.$parsers.push(function(value) {
                    return Date.parse(value);
                });
            }
        }
    });

edited Jan 14 '14 at 17:37

answered Dec 19 '13 at 09:56

Banana-In-Black

2,558
1
27
33

how would I add a "model to view" conversion ? – ovi Feb 04 '15 at 17:53
Use ngModel.$formatter, you can check the docs here: https://docs.angularjs.org/api/ng/type/ngModel.NgModelController – Banana-In-Black Feb 05 '15 at 07:35

score 2 · Answer 3 · answered Dec 19 '13 at 09:54

To use in a controller you can do something like this:

myApp.controller('TimestampCtrl', ['$scope', function($scope) {
  $scope.toTimestamp = function(date) {
    var dateSplitted = date.split('-'); // date must be in DD-MM-YYYY format
    var formattedDate = dateSplitted[1]+'/'+dateSplitted[0]+'/'+dateSplitted[2];
    return new Date(formattedDate).getTime();
  };
}]);

And can be used like this:

<div ng-controller="TimestampCtrl">
  The timestamp of <input ng-model="date"> is {{ toTimestamp(date) }}
</div>

AngularJs get Timestamp from a human readable date

3 Answers3

Linked