如何使用javascript / Angular.js反转时间戳

Question

我需要一个帮助，我需要使用Angular.js / Javascript以相反的格式显示现有时间戳。 我在下面解释我的代码。

$scope.timestamp=2016-12-16 07:02:15 am

我有上面的时间戳，但是我需要反转上面的值，如下。

$scope.originalStamp=16/12/2016 07:02:15 am

所以我需要转换上面的格式。 请帮我。

Answer 1

您正在使用角度。 所以请尝试使用$filter

   $scope.timestamp =  '2016-12-16 07:02:15 am'
   $scope.originalStamp = $filter('date')
                          (new Date($scope.timestamp.replace("-","/")),'dd-MM-yyyy HH:mm:ss a');

更新的演示

这是完整的代码

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="datCtrl">

<p> {{originalStamp}} </p>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope,$filter) {

   $scope.timestamp =  '2016-12-16 07:02:15 am'
  $scope.originalStamp = $filter('date')(new Date($scope.timestamp.replace("-","/")),'dd-MM-yyyy HH:mm:ss a');

});
</script>

<p>The date filter formats a date object to a readable format.</p>

</body>
</html>

Answer 2

为什么不从原始时间戳格式化日期。 您可以随意设置格式。

var date= new Date(timestamp);

var formatDate = function(date){
    return date.getDate() + "/" + date.getMonth() + "/" +date.getYear() + " "+  date.getHours() + ":" + date.getMinutes() + ":" + date.getMintutes() + ":" + date.getSeconds();
}

$scope.myDate = formatDate(date);

Answer 3

ng-bind="usercart.date|date:'yyyy-MM-dd HH:mm:ss'" ，您可以在此处定义所需的日期格式。...

添加此代码ng-bind="usercart.date|date:'dd-MM-yyyy HH:mm:ss'"

输出：

Last Updated Cart 05-01-2017 14:58:38

Answer 4

干得好

 var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.date='2016-12-16 07:02:15 am'; $scope.req = function(date){ var dateOut = new Date(date); return dateOut; }; });

 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css" /> <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <p ng-bind="req(date) | date:'dd/MM/yyyy hh:mm:ss a'"></p> </body> </html>

如何使用javascript / Angular.js反转时间戳

问题描述

4 个解决方案

解决方案1
0 已采纳 2017-01-05 09:28:44

更新的演示

解决方案2
0 2017-01-05 09:29:12

解决方案3
-1 2017-01-05 09:24:06

解决方案4
-2 2017-01-05 09:35:50

如何使用javascript / Angular.js反转时间戳

问题描述

4 个解决方案

解决方案1 0 已采纳 2017-01-05 09:28:44

更新的演示

解决方案2 0 2017-01-05 09:29:12

解决方案3 -1 2017-01-05 09:24:06

解决方案4 -2 2017-01-05 09:35:50

解决方案1
0 已采纳 2017-01-05 09:28:44

解决方案2
0 2017-01-05 09:29:12

解决方案3
-1 2017-01-05 09:24:06

解决方案4
-2 2017-01-05 09:35:50