angularjs - AngularJS：如何格式化 ISO8601 日期格式？

Question

我正在使用bootstrap-datetimepicker并使用 ISO8601 日期时间格式，yyyy-mm-ddThh:ii:ssZ如他们的选项部分所述

在我的控制器中，我做

transaction.date = $('.form_datetime input').val();

它将数据作为（console.log）发送到后端

created_on: "Wed, 08 May 2013 23:18:32 -0000"

并保存在数据库中

2013-05-08 16:18:32-07

在我的模板中，我做

<td>{{ transaction.created_on | date:'medium'}}</td>

我看到我的 HTML 上的输出为

Wed, 08 May 2013 23:18:32 -0000

但根据Angular doc，它应该是格式Oct 28, 2010 8:40:23 PM

我错过了什么？

Answer 1

我不明白为什么没有人提供在过滤器中使用正确格式的简单答案？

{{item.date | date:'yyyy-MM-ddTHH:mm:ssZ'}}

这将格式化为 ISO-8601

Answer 2

现在，我已经创建了一个过滤器

angular.module('customFilters', []).
  filter('dateInMillis', function() {
    return function(dateString) {
      return Date.parse(dateString);
    };
  });

app.js在as中添加为依赖项

var app = angular.module('myApp', [
  '$strap.directives', 'ngCookies', 'categoryServices', 'transactionServices',
  'customFilters'
]);

并将HTML其用作

<!-- added dateInMillis to pass to date to filter Angular way -->
<td>{{ transaction.created_on | dateInMillis | date: 'medium'}}</td>

并将日期显示HTML为

May 8, 2013 5:14:36 PM 

如果你知道更好的主意，请告诉我

Answer 3

在巴西（以及欧洲大部分地区、澳大利亚等），我们在 DB 上使用默认的 MySQL DATETIME：

"Y-m-d HH:ii:ss"

但是使用 date() 来显示它是这样的：

"d/m/Y HH:ii:ss"

因此，为了以角度“正确”显示该日期，请创建一个过滤器：

var app = angular.module(...

// Converts MySQL datetime into readable BR format
/*
    Converts 2013-10-18 18:47:15 into 1382122035000 so angular can format date 
    using brazilian standards
*/
app.filter('brDateFilter', function() {
    return function(dateSTR) {
        var o = dateSTR.replace(/-/g, "/"); // Replaces hyphens with slashes
        return Date.parse(o + " -0000"); // No TZ subtraction on this sample
    }
});

然后，在您的角度应用程序上，只需调用过滤器并格式化显示值：

{{ item.datetime_value | brDateFilter | date:"dd/MM/yyyy HH:mm" }}

这涵盖了巴西、英国、新西兰等日期格式的日期格式，只需正确减去时区即可。

Answer 4

除了这一切，只有你有这样的变化，

<td>{{ transaction.created_on | date:'medium'}}</td>

试着把它写成

<td>{{ transaction.created_on | date:'MMM d, y h:mm:ss a'}}</td>