日期過濾器不給在angualrJs確切使用12小時格式

我試圖使用12小時的格式顯示日期時間：「DD-MMM-YYYY HH：毫米的」
的預期的結果對於前：27-DEC-2016上午12:30
的實際結果是：2016年12月27日 的老結果不使用任何格式是：2016-12-22T13： 22：00Z日期過濾器不給在angualrJs確切使用12小時格式

HTML代碼：

{{pickuptime | date:defaultDateTimeFormat}}

控制器代碼：

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

來源

2016-12-27 Moataz Amer

此代碼工作正常，你必須失去了一些東西更多。你能顯示你的代碼的其餘部分嗎 – Yoan

你如何得到'pickup時間'變量？ – Yoan

defaultDateTimeFormat不是全局變量，您必須在過濾器中指定格式。 https://docs.angularjs.org/api/ng/filter/date – RamblinRose

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

來源

2016-12-27 16:26:04

這正是我穿我的代碼！ ..控制器持有var defaultDateTimeFormat，我只是在HTML –

@MoatazAmer中使用它檢查更新的答案。正如你所提到的那樣，它在24小時內顯示了輸入 –

日期過濾器不給在angualrJs確切使用12小時格式

回答

相關問題