栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

将AngularJS日期过滤器与UTC日期一起使用

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将AngularJS日期过滤器与UTC日期一起使用

类似的问题在这里

我将重新发布我的回复并提出合并建议:

输出UTC似乎引起了一些混乱-人们似乎倾向于使用moment.js。

从此答案中借用,您可以执行以下操作(即,使用带有UTC构造函数创建日期的convert函数)而无需moment.js:

控制者

var app1 = angular.module('app1',[]);app1.controller('ctrl',['$scope',function($scope){  var toUTCDate = function(date){    var _utc = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),  date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());    return _utc;  };  var millisToUTCDate = function(millis){    return toUTCDate(new Date(millis));  };    $scope.toUTCDate = toUTCDate;    $scope.millisToUTCDate = millisToUTCDate;  }]);

模板

<html ng-app="app1">  <head>    <script data-require="angular.js@*" data-semver="1.2.12" src="http://pre.angularjs.org/1.2.12/angular.js"></script>    <link rel="stylesheet" href="style.css" />    <script src="script.js"></script>  </head>  <body>    <div ng-controller="ctrl">      <div>      utc {{millisToUTCDate(1400167800) | date:'dd-M-yyyy H:mm'}}      </div>      <div>      local {{1400167800 | date:'dd-M-yyyy H:mm'}}      </div>    </div>  </body></html>

这是一个小plnkr玩

还要注意,使用此方法时,如果您使用Angular的日期过滤器中的“ Z”,似乎它仍会打印您的本地时区偏移量。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/377877.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号