如何在AngularJS中仅显示日期时间?

时间:2017-12-18 08:40:02

标签: html angularjs meanjs

大家好如何只在角度js中显示时间值?

  • My Plunker

  • 我使用ng-repeat获取了时间值,我只想在我的门户网站中显示时间值。

  • 我试图获取时间值,如<p>3. TIME</p><span><h4>{{user.time | date:'medium'}}</h4></span>

  • 例如: - 而不是Jan 1, 1970 10:00:00 PM我只想显示时间10:00:00 PM

  • 如何做到这一点请帮助我们谢谢。

我的Html: -

<div ng-repeat="user in users">
  <p>1. Name</p><span><h4>{{user.title}}</h4></span>
  <p>2. Day</p><span><h4>{{user.day}}</h4></span>
  <p>3. TIME</p><span><h4>{{user.time | date:'medium'}}</h4></span>
</div>

我的数据:

$scope.users = [
    {
        "_id": "5a33880dd725a05813014c22",
        "user": {
            "_id": "59df6a76b6748bc809050697",
            "displayName": "Maniselvam selvam",
            "dob": "1991-05-10T07:00:00.000Z",
            "profileImageURL": "./modules/users/client/img/ownprofile/uploads/a7d398db972da9dcb1c90480353d00c0"
        },
        "__v": 2,
        "openeyers": [],
        "time": "1970-01-01T16:30:00.000Z",
        "day": "Wednesday",
        "registration_number": "Test3",
        "title": "Mercy",
        "created": "2017-12-15T08:30:05.357Z",
        "isCurrentUserOwner": true
    }
]

1 个答案:

答案 0 :(得分:1)

而不是

{{user.time | date:'medium'}}

使用

{{user.time | date:'mediumTime'}}

这是in the docs

  

'mediumTime':相当于en_US语言环境的'h:mm:ss a'(例如下午12:05:08)