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

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

逄兴昌
2023-03-14
问题内容

我有一个以毫秒为单位的UTC日期,我将该日期传递给Angular的日期过滤器以进行人工格式化。

{{someDate | date:'d MMMM yyyy'}}

很棒,除了someDate在UTC中,而且日期过滤器认为它在当地时间。

我怎样才能告诉Angular这someDate是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://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>

这是一个小plnkr玩

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



 类似资料:
  • 问题内容: 因此,该书来自rest api,并附有许多读者。我想获得“最近”的读者。 该字段具有将用户标识为最近的值。但是上面的代码给了我最老的读者。因此顺序需要颠倒吗?有什么办法可以使降序排序? 问题答案: 根据文档,您可以使用参数。 将您的过滤器更改为:

  • 在config/app.php中,我将时区设置如下: 这是否意味着在我的应用程序中的任何地方,如果我调用这些carbon方法,它们都将是UTC,或者我仍然需要添加时区,例如carbon::now(“UTC”)?

  • 问题内容: 我想知道您的想法: 在会话期间,我必须获得与系统的所有连接。为了使这一过程自动化,我决定使用current_date%,因为current_date不是字符串,而是一个函数,因此该方法不起作用。 所以我的问题是,是否有人可以帮助我进行查询以获取当日所有连接的数量。 提前致谢! 我糟糕的代码: 问题答案: 最好的方法(从性能的角度来看)是使用如下逻辑: 并非所有数据库都支持日期的ISO

  • https://www.googleapis.com/calendar/v3/calendars/email/events?key=key&timemin=2021-07-15t00:00.000z&timemax=2021-07-17t00:00.000z&timezone=asia/calcutta 提前感谢!

  • 本文向大家介绍vue使用过滤器格式化日期,包括了vue使用过滤器格式化日期的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue使用过滤器格式化日期的具体代码,供大家参考,具体内容如下 案例要求 案例讲解 1、查看未过滤格式化的日期格式 2、设置模板函数format 接收日期值和日期格式 3、按照日期格式对日期进行拼接并返回值 4、将拼接好的日期显示在页面上 最终案例效果 代码 设置