Question

我正在使用来自API的数据，该数据以两个不同的键/值对（日期和时间）返回日期和时间。

<!DOCTYPE html>
<html ng-app="app">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-controller="ctrl">

  Date {{date}} - Time {{time}}
  <br/>
  {{date  | dateformatter}}

</body>
</html>

angular.module("app",[]).controller("ctrl", function($scope) {
  $scope.date = "03/13/2014";
  $scope.time = "8:10:56";

}).filter("dateformatter", function($filter){
  // this should return 'yyyy-MM-dd h:mm:ss'
  return function(dt) {
    return "2014 03 13 8:10:56";
  }
})

我可以使用过滤器将其转换为单个格式化字符串吗？

Here's an example in jsBin

Answer 1

我会将Date和Time转换为Date对象并使用 Date filter

所以控制器看起来像：

app.controller("ctrl", function($scope) {
  $scope.date = "03/13/2014";
  $scope.time = "8:10:56";

  $scope.newDate = new Date( $scope.date + ' ,' + $scope.time).getTime();     
});

和 HTML：

{{newDate  | date: 'yyyy-MM-dd h:mm:ss'}}

演示 Fiddle

Answer 2

另一种快速方法：

angular
.module('PrivateModule')
.controller('MyController', ['$scope', function ($scope) {

    $scope.Date = function(date) {
        return new Date(date);
    }

}

然后在你看来：

<span>{{Date(obj.start) | date : 'dd/MM/yyyy'}}</span>

Answer 3

这是一次尝试：

+(function(angular, undefined) {
  angular
    .module('app')
    .filter('timestamp', filter);

  function filter() {
    return function filterFn(input) {
      return ( Date.parse(input) );
    }
  }
})(angular);

用法：{{ date | timestamp | date: 'MMM d, yyyy' }}。在您的情况下，{{ date + ' ,' + time | timestamp | date: 'MMM d, yyyy' }}。

这是一个更好的解决方案，可以消除不属于控制器的问题。

将尽快向凉亭提供这个，check my repository，如果这比复制粘贴gist / snippet（适合开发者）更好。

角度过滤器，将日期和时间转换为单个格式化的字符串

3 个答案: