首页 > 解决方案 > 如何在 ng-repeat Angular js 中将长类型日期转换为本地日期格式?

问题描述

我正在使用时刻库​​作为日期格式。我可以转换成控制器,但我不能转换成 HTML 页面。在 Json 中给了我长类型的日期。我想在当地时间进行转换。如下格式:

{{时刻(when.$date).format('YYYY-MM-DD@HH:mm')}}

JSON

{
"comments":
"when": {
"$date": 1536920319204
 }
}

控制器:

 $scope.responseData = response;

HTML

<table class="table table-bordered">
              <thead>
                <tr bolder>
                  <th class="bordered"> Date and Time </th>                     
                  <th class="bordered">Comments</th>
                </tr>
              </thead>
              <tbody>
                <tr ng-repeat="myDetails in responseData ">
                  <td>
                    {{myDetails.when.$date}} //I want to convert into local time                  
                  </td>

                  <td>{{myDetails.comments}}</td>
                </tr>
              </tbody>
            </table>

请提供想法如何使用 ng-repeat 转换为 html 页面。

标签: jqueryangularjshtmlmomentjsangular-moment

解决方案


嗨,如果您使用的是角度 js,您可以使用角度管道来呈现您的日期

表达

{{ date_expression | date : format : timezone}}

例子

 {{1288323623006 | date:'medium'}}: Oct 29, 2010 9:10:23 AM
 {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}: 2010-10-29 09:10:23 +0530
 {{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}: 10/29/2010 @ 9:10AM
 {{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}: 10/29/2010 at 9:10AM

替换为您的日期

{{1536920319204 | date:'medium'}}: Sep 14, 2018 3:48:39 PM
{{1536920319204 | date:'yyyy-MM-dd HH:mm:ss Z'}}: 2018-09-14 15:48:39 +0530
{{1536920319204 | date:'MM/dd/yyyy @ h:mma'}}: 09/14/2018 @ 3:48PM
{{1536920319204 | date:"MM/dd/yyyy 'at' h:mma"}}: 09/14/2018 at 3:48PM

你想要的答案:

 {{1536920319204 |  date:'yyyy-MM-dd @ hh:mm'}}

希望这会帮助你。


推荐阅读