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

时间:2018-09-20 09:55:16

标签: jquery angularjs html5 momentjs angular-moment

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

  

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

1 个答案:

答案 0 :(得分:0)

嗨,如果您使用的是Angular 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'}}

希望这会对您有所帮助。