Как преобразовать даты, возвращаемые из webapi в строковом формате, в формат даты javascript для AngularJs

Итак, во-первых, чтобы перехватить и преобразовать все строковые даты в даты javascript, нам нужен angular для перехвата и замены. Для этого мы можем использовать перехватчик в httpProvider, чтобы убедиться, что наш код выполняется на всех возвращенных HTTP-ответах до того, как будет выполнен любой другой код.

var app = angular.module('app');

app.config(configureProviders);

configureProviders.$inject = ['$httpProvider'];
function configureProviders($httpProvider) {
    configureHttp($httpProvider);
}

function configureHttp(httpProvider) {
    // add all http interceptors
    httpProvider.interceptors.push('dateDeserialiserInterceptor');
}

хорошо, теперь у нас есть зарегистрированный перехватчик, но нам нужен код, чтобы заставить его работать:

(function () {
    var module = angular.module('myApp.interceptors');

    module.factory('dateDeserialiserInterceptor', function () {

        function convertDateStringsToDates(input) {
            // Ignore things that aren't objects.
            if (typeof input !== "object") return input;

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

                var value = input[key];
                // Check for string properties which look like dates.
                if (typeof value === "string" && (moment(value, moment.ISO_8601).isValid())) {
                    input[key] = moment(value, moment.ISO_8601).toDate();
                } else if (typeof value === "object") {
                    // Recurse into object
                    convertDateStringsToDates(value);
                }
            }
        };

        return {
            response: function (response) {
                convertDateStringsToDates(response);
                return response;
            }
        };
    });
})();

Таким образом, приведенный выше код изначально был взят где-то из Интернета и имел ручное сравнение регулярных выражений. Регулярное выражение было описано как соответствующее ISO 8601, но я нашел множество примеров, когда это не так. Теперь это зависит от моментов библиотеки с открытым исходным кодом, чтобы определить, является ли дата ISO 8601 и выполнить преобразование. Если дата не соответствует, строковое значение просто возвращается. ISO 8601 — отличный стандарт для использования (поскольку он охватывает множество случаев), и он намного лучше, чем жесткое кодирование любого ожидаемого конкретного формата, который может привести вас к тому, что «о… это пропущено».

На данный момент это анализ всех возвращаемых значений объекта ответа для потенциальных дат. Я подумал об улучшении этого, явно пометив запрос свойствами ответа, которые, как мы ожидаем, будут датами. Таким образом, нам не пришлось бы пытаться/разбирать все (что медленно), а также рисковать тем, что что-то, что мы не хотим конвертировать, будет преобразовано. Однако этот подход немного запутан и замусорит много запросов. Мне нравится этот подход на данный момент, и он, кажется, работает. Рад, что его доработали!

Вот решение Angular 2+. Это предполагает, что дата из API находится в формате ISO:

В вашем компоненте:

// call to your data service
    this.dataService.getSomeData().map(records => {
    records.map(record => {
      //call to shared service date conversion function
      this.dataService.covertISOFieldstoDateObjects(record);
    });
    return records;
  }).subscribe(x => {
    // processed records will now have date objects for any date properties
    this.records = x;
  }, error => {
    ...
  });

В вашей службе:

covertISOFieldstoDateObjects(currentObj) {
   const entries = Object.entries(currentObj);
    for (const [key, value] of entries) {
    const isDate = moment(value, moment.ISO_8601).isValid();
    if (isDate) {
      currentObj[key] = moment(value as string, 'YYYY-MM-DD HH:mm'); // Use this to get UTC and ignore timezone (good when you need just the date)
      currentObj[key] = moment(value as string, 'YYYY-MM-DD HH:mmZ'); // Use this to include timezone adjustment
    }
}
return currentObj;

}