x.日期 |日期：'hh:mm' 不起作用

Posted 2023-03-07

【中文标题】x.日期 |日期：\'hh:mm\' 不起作用

【英文标题】：x.date | date:'hh:mm' is not workingx.日期 |日期：'hh:mm' 不起作用

【发布时间】：2016-03-28 06:24:53

【问题描述】：

我从 json 数据中获取日期为 2015 年 4 月 15 日晚上 10:15 我只想在 html 页面中显示来自 10:15 PM 等 json 响应数据的时间 这里我放了我的js函数和html代码

JS 函数

function smsHistory($scope) 
    var user_id = sessionStorage.getItem('user_id');
    var authentication_key = sessionStorage.getItem('auth_id');
    $scope.loading = true;

    $.ajax(
        type: 'GET',
        // here I define a url to get api data
        url: '............/get_sms_history',
        data: user_id: user_id, authentication_key: authentication_key,
        timeout: 5000,
        success: function (response) 
            $scope.loading = false;
            // here i parse the data in json              
            $scope.records = JSON.parse(response).records;
            $scope.$apply();
            var x = $scope.records;

            $scope.setbank = function (x) 
            ;

            $scope.isSelected = function (x) 
                return $scope.selected === x;
            ;
        ,
        error: function (response) 
            $scope.error = true;
            $scope.$apply();
        
    );

HTML 代码

<div ng-controller="smsHistory">
    <div ng-show="loading" class="loading"><img src="img/loading.gif"  ></div>
    <ons-list class="plan-list">
        // here i use ng-repeat to repeat the data if multiple records are their
        <ons-list-item modifier="chevron" class="plan" ng-repeat="x in records">
            <ons-row>
                <ons-col  class="plan-left">
                    // here i got the date value from json data
                    <div class="plan-date">x.date</div>
                    <div class="plan-duration"></div>
                </ons-col>
                <ons-col  class="plan-center" ng-style="backgroundColor:a % 3 == 1 ? '#3399ff' : '#ccc'">
                </ons-col>
                <ons-col class="plan-right">
                    <div class="plan-name">x.name</div>
                    <div class="plan-info">
                        <div>
                            <ons-icon icon="ion-android-textsms"></ons-icon>
                            &nbsp;x.phone
                        </div>
                        <div>
                            <span>x.charge</span>&nbsp;&nbsp;<span>x.balance</span>&nbsp;&nbsp;<span>x.status</span>
                        </div>
                        <div>
                            <ons-icon icon="fa-map-marker"></ons-icon>
                            &nbsp;x.destination<span></span>
                        </div>
                    </div>
                </ons-col>
            </ons-row>
        </ons-list-item>
        <ons-list-item></ons-list-item>
    </ons-list>
</div>

我只需要使用 AngularJS 从这个 datetime json 数据中获取时间。请帮我。 提前致谢。

【参考方案1】：

更换你的线路

$scope.records = JSON.parse(response).records

以下：

var records = $scope.records = JSON.parse(response).records;
angular.forEach($scope.records, function(record) 
     record.date = new Date(record.date);
);
$scope.records = records;

我们基本上是将字符串日期转换为日期对象。

【讨论】：

我只想要那个日期对象的时间，你能帮我吗？

现在，在您的 HTML 中使用 x.date | date:'hh:mm'。

提示：如果你可以直接使用Angular的$http服务，你不需要使用$scope.$apply。进行 AJAX 调用不需要 jQuery。