如何在 ng-repeat Angular js 中将长类型日期转换为本地日期格式？

Question

我正在使用 moment 库作为日期格式。我可以转换成控制器，但我无法转换成 HTML 页面。在 Json 中给我的是长型日期。我想在本地转换 time.Like 以下格式：

{{moment(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 页面的想法。

Answer 1

您好，如果您使用 angular js，您可以使用 angular 管道来呈现您的日期

表达式

{{ 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'}}

希望对您有所帮助。

如何在 ng-repeat Angular js 中将长类型日期转换为本地日期格式？

How to convert long type date into local Date Format in ng-repeat Angular js?

html

jquery

angularjs

momentjs

angular-moment