如何在AngularJS中处理REST Api中的日期字段？

Question

我有一个REST API,它返回标准ISO-8601格式的日期的JSON数据:yyyy-MM-ddTHH:mm:ss:

{
    id: 4
    version: 3
    code: "ADSFASDF"
    definition: "asdflkj"
    type: "CONTAINER"
    value: "1234"
    active: "false"
    formula: false
    validTo: "2014-12-31T05:00:00"
    validFrom: "2010-12-31T10:00:00"
}

我的问题是我不太确定如何在AngularJS中处理这个问题.我有一个$resourceGET,POST等我的API端点,但是当我的数据被返回时,它就像String一样存储在我的JS对象中.我认为它更容易处理为Date()或Moment().

在Java中,我可以使用a JsonDeserializer来确保在分配给模型之前正确转换所有JSON数据,但我不知道AngularJS中是否存在类似的机制.

我已经四处寻找,但似乎找不到任何实现通用解决方案的东西.我意识到我可以transformResponse在我的函数中使用一个函数$resource,但对于每个可能包含日期的数据类型,这似乎都有很多重复配置.

这让我想知道以ISO-8601格式返回日期是否是继续进行的最佳方式？如果AngularJS不支持开箱即用,我认为必须有一种更简单的方法来处理日期.如何处理AngularJS中的日期？我应该将它们视为文本/字符串对象,并让API返回预先格式化的版本吗？如果是这样,在HTML5日期输入框等中使用最灵活的格式是什么？

Answer 1

JSON不支持日期,因此您需要将日期作为字符串或整数发送,并在适当时将它们转换为Date对象.Angular不会为您执行此操作,但您可以定义默认transformResponse函数$httpProvider.我试过它,$resource它确实对它有影响,毕竟,它$resource是一个更高级别的抽象$http.

如果你不知道你的JSON的结构或者不想在转换函数中依赖它,你只需要通过它并将类似日期的字符串转换为Date对象.

var convertDates = function(input) {
  for(var key in input) {
    if (!input.hasOwnProperty(key)) continue;

    if (typeof input[key] === "object") {
      convertDates(input[key]);
    } else {
      if (typeof input[key] === "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(input[key])) {
        input[key] = new Date(input[key]);
      }
    }
  }
}

app.config(["$httpProvider", function ($httpProvider) {
   $httpProvider.defaults.transformResponse.push(function(responseData){
     convertDates(responseData);
     return responseData;
  });
}]);

根据您的应用程序,从性能角度来看这可能是不明智的(例如,只有少数JSON响应包含日期或实际上需要转换日期),因此最好转换那些实际需要的控制器中的日期.