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

标签 javascript html angularjs

在我的项目中,数据作为 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/

相关文章:

javascript - 将一个数字乘以一个数组

javascript - 将交互式 SVG 动态加载到 Vue.js 项目中

javascript - .match 和捕获组如何协同工作?

javascript - 具有多个不同高度小部件的两列布局,如何使小部件可折叠并保持页面流动?

html - 为什么我的专栏内容从不同的高度开始?

javascript - 从 jQuery 设置 $scope 变量的值

javascript - 使用node.js通过外部脚本更新HTML?

html - 移动设备 (iOS) 上的 CSS 不透明度和转换中断超链接

angularjs - ui-router 动画不适用于嵌套 View

angularjs - 如何在没有ng-repeat,angularjs的情况下动态创建div?