Question

我从api获取日期和时间。我想更改日期和时间格式。

我是这样的＆＃34; 2016-05-12＆＃34;，＆＃34; 07：17：35＆＃34;。

更改格式，如12-may-2016 7:30 PM：

<table class="table">
    <thead>
        <tr>
            <th>Time</th>
            <th>Place</th>
        </tr>
    </thead>
    <tbody ng-repeat="l in dataget">
        <tr>                    
            <td>{{l['time']}}</td>
            <td>{{l['place']}}</td>                             
        </tr>
    </tbody>
</table>

Answer 1

使用日期过滤器

<table class="table" ng-repeat="a in list_alerts">
<thead><tr>
<th>Time</th>
<th>Place</th>
</tr>
</thead>
<tbody ng-repeat="l in dataget">
<tr>                    
<td>{{l['time']| date : format}}</td>
<td>{{l['place']}}</td>                             
</tr>
</tbody>
</table>

格式应替换为可能接受的值之一，对于显示所需输出的格式，请检查angular api中的可能值： https://docs.angularjs.org/api/ng/filter/date

这是一个使用＆＃39;短＆＃39;的示例。格式：

<table class="table" ng-repeat="a in list_alerts">
<thead><tr>
<th>Time</th>
<th>Place</th>
</tr>
</thead>
<tbody ng-repeat="l in dataget">
<tr>                    
<td>{{l['time']| date : 'short'}}</td>
<td>{{l['place']}}</td>                             
</tr>
</tbody>
</table>

Answer 2

如上所述here，您需要像这样写： {{yourDate | date: 'dd-MMM-yyyy hh:mm a'}}。
结果将是12-May-2016 7:30 PM

Answer 3

使用日期：使用管道符号格式化对象后的格式。

For Example Click here

Answer 4

我认为这有帮助，

app.controller("myCtrl", function($scope,$filter) {
    $scope.dateString = '"2016-05-12","07:17:35"';
    $scope.finalFormat = $filter('date')(new Date($scope.dateString.substring(1,11) +" "+ $scope.dateString.substring(14,22)),'dd-MMM-yyyy hh:mm a');
});

Answer 5

检查日期格式https://docs.angularjs.org/api/ng/filter/date并像这样使用它：

{{your_date | date:'dd-MMM-yyyy hh:mm a'}}

在这里玩http://jsfiddle.net/vpfxdrum/。在你的情况下使用它：

<table class="table">
<thead>
    <tr>
        <th>Time</th>
        <th>Place</th>
    </tr>
</thead>
<tbody ng-repeat="l in dataget">
    <tr>                    
        <td>{{l['time'] | date:'dd-MMM-yyyy hh:mm a'}}</td>
        <td>{{l['place']}}</td>                             
    </tr>
</tbody>

Answer 6

<强> * controller.js

  var myApp = angular.module('myApp', []);
  myApp.filter('datetime', function($filter)
  {
    return function(input)
     {
      if(input == null){ return ""; } 
      var _date = $filter('date')(new Date(input),
                          'MMM dd yyyy - HH:mm:ss'); 
     return _date.toUpperCase();
 };
});

在HTML中

<div ng-app="sampleapp">
<table class="table">
<thead>
    <tr>
        <th>Time</th>
        <th>Place</th>
    </tr>
</thead>
<tbody ng-repeat="l in dataget">
    <tr>                    
        <td>{{l['time'] | datetime}}</td>
        <td>{{l['place']}}</td>                             
    </tr>
</tbody>

更改angularjs中的日期时间格式

6 个答案: