日期过滤器没有在 angularJs 中给出确切的使用 12 小时格式答案

【问题标题】：date filter doesn't give the exact used 12-hour format in angualrJs日期过滤器没有在 angularJs 中给出确切的使用 12 小时格式
【发布时间】：2017-05-11 22:34:54
【问题描述】：

我正在尝试使用 12 小时格式显示日期时间：'dd-MMM-yyyy HH:mm a'
预期结果例如：27-DEC-2016 12:30 AM
实际结果是：2016 年 12 月 27 日 不使用任何格式的旧结果是：2016-12-22T13:22:00Z

HTML 代码：

{{pickuptime | date:defaultDateTimeFormat}}

控制器代码：

$scope.defaultDateTimeFormat = "dd-MMM-yyyy HH:mm a";

【问题讨论】：

这段代码工作正常，你必须错过更多的东西。你能显示你的其余代码吗
如何获得pickuptime 变量？
defaultDateTimeFormat 不是全局变量，您必须在过滤器中指定格式。 docs.angularjs.org/api/ng/filter/date
@RamblinRose 它只是保存我不认为这是问题的格式
@RamblinRose 我添加了旧结果，但没有使用任何格式

标签： javascript angularjs datetime angularjs-filter

【解决方案1】：

var app = angular.module("app", []);
app.controller("myCtrl", function($scope) {
  $scope.date = new Date();
  $scope.defaultDateTimeFormat = "dd-MMM-yy h:mm a";
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  {{date | date:defaultDateTimeFormat}}
</div>

您的意见

24小时制

var app = angular.module("app", []);
app.controller("myCtrl", function($scope) {
  $scope.date = new Date();
  $scope.defaultDateTimeFormat = "dd-MMM-yyyy HH:mm a";
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  {{date | date:defaultDateTimeFormat}}
</div>

更多详情请查看here

【讨论】：

这正是我穿代码的方式！ .. 控制器持有 var defaultDateTimeFormat，我只是在 HTML 中使用它
@MoatazAmer 检查更新的答案。正如您在问题中提到的那样，它会在 24 小时内显示输入