React前端传本地日期到.NET(C#)后端转UTC少1天，如何保留原日期值

这个问题是前后端时区转换规则不匹配导致的：前端传的日期字符串携带本地时区偏移时，.NET API默认的模型绑定会自动将其转换为UTC时间，若原日期是本地时区的0点，转UTC后就会落到前一天的时间段，出现日期少1天的情况。你用moment计算本地与UTC日期差值为0，是因为moment默认将日期转为本地时区做对比，没有识别到传输过程中的时区偏移转换逻辑。

两种方案都可以实现保留UTC格式的同时维持原日期数值不变，可根据项目场景选择：

方案1：前端侧调整传参（改动量最小，推荐） #

直接将需要传输的日期按原数值拼接为UTC格式字符串，明确告知后端该日期无需再做时区转换：

• 实现代码：

// 以要传递的日期为2024-06-15为例
const targetDate = moment(); // 或你业务中拿到的原始日期对象
// 直接保留原年月日，拼接为带Z标识的UTC格式字符串
const transferDate = `${targetDate.format('YYYY-MM-DD')}T00:00:00.000Z`;
// 后续将transferDate作为日期参数传给后端接口即可

• 原理：带Z后缀的字符串会被.NET识别为已符合UTC格式，不会再触发自动时区转换，拿到的日期数值和前端完全一致。

方案2：后端侧统一配置（适合多端接入、不便修改前端的场景） #

修改.NET的JSON序列化规则，自定义日期转换逻辑：

若使用System.Text.Json（.NET Core 3.0+默认序列化组件） #

//  Program.cs中添加配置
builder.Services.AddControllers()
    .AddJsonOptions(options =>
    {
        options.JsonSerializerOptions.Converters.Add(new CustomDateTimeConverter());
    });

// 自定义日期转换器
public class CustomDateTimeConverter : JsonConverter<DateTime>
{
    public override DateTime Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
    {
        var dateStr = reader.GetString();
        // 直接将解析后的日期指定为UTC类型，保留原数值
        return DateTime.SpecifyKind(DateTime.Parse(dateStr), DateTimeKind.Utc);
    }

    public override void Write(Utf8JsonWriter writer, DateTime value, JsonSerializerOptions options)
    {
        writer.WriteStringValue(value.ToString("yyyy-MM-ddTHH:mm:ss.fffZ"));
    }
}

若使用Newtonsoft.Json #

// Program.cs中添加配置
builder.Services.AddControllers()
    .AddNewtonsoftJson(options =>
    {
        // 统一将所有传入日期按UTC类型处理，不做自动时区偏移
        options.SerializerSettings.DateTimeZoneHandling = DateTimeZoneHandling.Utc;
    });

接口接收到日期参数后，可查看DateTime对象的Kind属性，若属性值为Utc且年月日数值和前端传递的一致，即配置生效。

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