C# Web API 2返回JSON日期格式导致Angular端识别为字符串问题

核心前提说明 #

JSON 标准本身不存在原生日期类型，所有日期类型在前后端传输时都会被序列化为字符串，C# 服务端无法直接输出 JavaScript 可识别的 Date 类型对象，你遇到的类型不匹配问题本质是前后端序列化/反序列化规则不统一导致的。

C# 端最优处理方案 #

Web API 2 默认使用 Newtonsoft.Json（Json.NET）作为序列化组件，你只需要全局调整 JSON 序列化的日期规则，统一输出格式，即可最大化降低整体适配成本，无需逐个接口修改。

操作步骤 #

1. 打开项目中 App_Start/WebApiConfig.cs 文件，修改 Register 方法的配置：

public static void Register(HttpConfiguration config)
{
    // 原有路由、跨域等配置保留不动，新增如下序列化配置
    var jsonSerializerSettings = config.Formatters.JsonFormatter.SerializerSettings;
    
    // 统一使用ISO 8601标准日期格式
    jsonSerializerSettings.DateFormatHandling = DateFormatHandling.IsoDateFormat;
    // 统一输出UTC时间，避免前后端时区偏差，若所有用户都在相同时区可改为 DateTimeZoneHandling.Local
    jsonSerializerSettings.DateTimeZoneHandling = DateTimeZoneHandling.Utc;
    // 固定日期输出模板，确保所有日期都带毫秒和时区标识，示例输出：2021-11-10T10:48:38.000Z
    jsonSerializerSettings.DateFormatString = "yyyy-MM-ddTHH:mm:ss.fffZ";
}

配套优化（可选） #

完成服务端配置后，前端仅需新增1次全局 HTTP 拦截器，统一将所有符合 ISO 格式的日期字符串自动转换为 Date 对象，不需要在每个接口调用场景手动转换，一次配置全项目生效。

内容的提问来源于stack exchange，提问作者Patrick