gpt4 book ai didi

javascript - AngularJS 中的格式日期不起作用

转载 作者:行者123 更新时间:2023-11-30 14:44:50 25 4
gpt4 key购买 nike

在我的项目中,数据作为 json 对象进入前端,如下所示:

{
id: 1,
meetingName: "Meeting 1",
meetingDate: "2018-02-21",
startTime: "10:00:00"
}

<td>{{meeting.startTime|date:"h:mma"}}</td>

我使用上述方法将 angularjs 代码中的日期格式化为上午 10:00。但是开始时间还是显示为10:00:00 .为什么不按照格式格式化日期?

最佳答案

date 过滤器需要一个日期对象作为输入。但是你正在传递一个字符串。以下是显示预期日期的示例代码。

var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope) {
let info = {
id: 1,
meetingName: "Meeting 1",
meetingDate: "2018-02-21",
startTime: "10:00:00"
}
$scope.meetingDate= new Date(info.meetingDate + " " + info.startTime);
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<body>

<div ng-app="myApp" ng-controller="datCtrl">

<p>Meeting Time= {{ meetingDate | date:"h:mma" }}</p>

</div>

</body>

Date Filter Docs

希望这有帮助:)

关于javascript - AngularJS 中的格式日期不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49107600/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com