AngularJs從人類可讀的日期獲取時間戳

Question

有沒有一種方法在角JS獲取時間戳從表單獲得的日期？

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

我需要在指令中編寫什麼來轉換這些數據？我沒有找到關於這個特定問題的任何信息， Regards

Answer 1

使用指令將視圖中的值更改爲模型。

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); 
       }); 
      } 
     } 
    }); 

Answer 2

由於您使用輸入類型作爲日期，因此模型中的字符串應該與javascript中的Date對象兼容。所以，你可以做

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

Answer 3

要在控制器使用，你可以做這樣的事情：

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(); 
    }; 
}]); 

而且可以這樣使用：

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