当前位置: 首页 > 面试题库 >

角度:日期过滤器添加了时区,如何输出UTC?

习狐若
2023-03-14
问题内容

我正在使用日期过滤器以某种格式呈现Unix时间戳。我注意到过滤器将本地时区添加到输出中。

有什么方法可以简单地输出确切的时间戳,而无需添加任何时区信息?

输入:

talk.content.date_and_time = 1400167800

(是世界标准时间下午05/15/14 @ 3:30:00)

码:

{{talk.content.date_and_time*1000 | date:'dd-M-yyyy H:mm Z'}}

输出:

15-5-2014 17:30 +0200

我如何使输出从15:30而不是17:30?


问题答案:

“ Z”是添加时区信息的内容。至于输出UTC,这似乎是一些混乱的主题-人们似乎倾向于使用moment.js

从此答案中]借用,您可以在没有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://code.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>

这是一个小矮人玩

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



 类似资料:
  • 我用的是5角字体。我想在我的表中添加搜索过滤器。我正在从Firestore中检索活动集合: 并使用ngFor以boostrap表的形式显示这些字段。 现在我想添加过滤器搜索。我该怎么做?我看到了一些关于数据过滤的教程,但它们正在应用于数组,但我没有任何数组用于我的收集活动。

  • 知道如何在Logback本身的调试消息上设置阈值过滤器吗? 以上生成详细的调试输出: 如何将调试输出限制为仅 Logback 核心错误?例如: 原因是我想在其他人的附加程序(理想情况下是文件附加程序)中捕获各种调用的输出,但我不想在应用程序启动时获取所有详细信息。

  • 问题内容: 我想在 angularjs 1.2中 使用unsafe-html 。没有html的过滤器可以工作,而html则不能。我做的事: 我在我的html头中添加了angular-sanitize: 我的角度模块: 我的HTML: 编辑:更新为 问题答案: 已在Angular 1.2中删除。由于您正确地清理了输入内容,因此应该使用。 示例:http://plnkr.co/edit/0bHeXra

  • 我有完全合法的数据来源: 我将其显示在这样的表中: 现在假设我想过滤我的数组。如果我有固定的行数,我可以在< code>tr元素上使用< code>*ngIf来选择显示/不显示一个项目,但是Angular不允许在一个元素上有两个结构指令。 我知道我可以使用< code>Array.filter简单地过滤源数组,但是这样会产生一个副本,如果我的数组大得多,这可能会成为一个问题。 我想将该行嵌套在某个

  • 我是量角器的新手,在这里我尝试测试量角器的angularjs日期选择器。 我试图找到一种方法来做到这一点,而这篇文章是我唯一找到的东西,使用起来不太清楚 如果有人知道如何测试,请帮忙。 我需要的是选择今天的日期。 提前感谢:) < li >编辑- alecxe,这是我的日期选择器的屏幕截图。很抱歉,无法提供页面的链接。:(

  • 我想知道,在spring boot中是否有类(用于web应用程序)的注释?也许是? 我想在我的项目中添加一个自定义筛选器。 spring boot参考指南提到了关于,但我不确定如何使用它。