.NET Core 2.1下Newtonsoft、Moment和Knockout日期传输与显示配置咨询

这个问题我之前帮不少项目解决过，核心就是传输用无歧义的标准格式，显示/输入用业务需要的本地化格式，两边各司其职就不会乱。结合你用的.NET Core 2.1 + Newtonsoft、Moment + Knockout，给你一套完整的配置方案：

首先要避免直接序列化成本地字符串（比如dd/MM/yyyy），因为不同环境的文化设置可能导致解析错误。最稳妥的是用ISO 8601格式传输，这是全球通用的无歧义格式。

在Startup.cs的ConfigureServices里配置Newtonsoft.Json：

services.AddMvc()
    .AddNewtonsoftJson(options =>
    {
        // 设置日期处理为ISO 8601格式（带时区信息，避免时区偏差）
        options.SerializerSettings.DateFormatHandling = DateFormatHandling.IsoDateFormat;
        options.SerializerSettings.DateTimeZoneHandling = DateTimeZoneHandling.Utc; // 建议统一用Utc避免跨时区问题，也可根据业务用Local
        // 除非特殊场景，不推荐直接序列化成本地格式字符串，否则客户端需硬编码解析格式，易出错
        // options.SerializerSettings.DateFormatString = "dd/MM/yyyy HH:mm:ss";
    });

如果API需要接收客户端传入的dd/MM/yyyy格式字符串，要确保服务端用英国文化解析：

// 全局设置请求文化为英国格式
services.Configure<RequestLocalizationOptions>(options =>
{
    var supportedCultures = new[] { new CultureInfo("en-GB") };
    options.DefaultRequestCulture = new RequestCulture("en-GB");
    options.SupportedCultures = supportedCultures;
    options.SupportedUICultures = supportedCultures;
});

// 在Configure中启用本地化
app.UseRequestLocalization();

// 也可以在模型属性上单独指定格式
public class MyModel
{
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    public DateTime MyDate { get; set; }
}

注意全局文化设置可能影响数字、货币等格式，需结合业务场景调整。

客户端核心逻辑：接收服务端的ISO日期→用Moment解析→格式化为业务需要的样式；用户输入日期→用Moment解析成ISO格式传给服务端。

1. 自定义Knockout绑定（推荐） #

写一个通用的自定义绑定，自动处理日期的显示和解析，避免重复逻辑：

// 自定义日期绑定，支持配置输入/输出格式
ko.bindingHandlers.date = {
    init: function(element, valueAccessor, allBindingsAccessor) {
        const observable = valueAccessor();
        const allBindings = allBindingsAccessor();
        const inputFormat = allBindings.dateInputFormat || 'DD/MM/YYYY';
        const outputFormat = allBindings.dateOutputFormat || 'DD/MM/YYYY HH:mm:ss';

        // 处理用户输入，转成ISO格式传给服务端
        $(element).on('change', function() {
            const inputVal = $(this).val();
            if (!inputVal) {
                observable(null);
                return;
            }
            // 严格解析输入的英国格式日期，避免歧义
            const date = moment(inputVal, inputFormat, true);
            observable(date.isValid() ? date.toISOString() : null);
        });
    },
    update: function(element, valueAccessor, allBindingsAccessor) {
        const value = ko.unwrap(valueAccessor());
        const allBindings = allBindingsAccessor();
        const outputFormat = allBindings.dateOutputFormat || 'DD/MM/YYYY HH:mm:ss';

        // 解析服务端的ISO日期，格式化为显示样式
        if (value) {
            const date = moment(value);
            $(element).val(date.isValid() ? date.format(outputFormat) : '');
        } else {
            $(element).val('');
        }
    }
};

在HTML中使用绑定：

<!-- 显示带时间的格式 -->
<input type="text" data-bind="date: myDateTime, dateOutputFormat: 'DD/MM/YYYY HH:mm:ss'">

<!-- 只显示/输入日期 -->
<input type="text" data-bind="date: myDate, dateInputFormat: 'DD/MM/YYYY', dateOutputFormat: 'DD/MM/YYYY'">

2. 扩展Knockout Observable（可选） #

如果不想用自定义绑定，也可以扩展observable自动处理日期：

ko.observable.fn.dateObservable = function(displayFormat) {
    let underlyingValue = this();
    const computed = ko.computed({
        read: () => underlyingValue ? moment(underlyingValue).format(displayFormat || 'DD/MM/YYYY HH:mm:ss') : '',
        write: (inputVal) => {
            if (!inputVal) {
                underlyingValue = null;
                computed.notifySubscribers();
                return;
            }
            const date = moment(inputVal, 'DD/MM/YYYY', true);
            if (date.isValid()) {
                underlyingValue = date.toISOString();
                computed.notifySubscribers();
            }
        }
    });
    return computed;
};

// 使用示例
const vm = {
    myDate: ko.observable().dateObservable('DD/MM/YYYY'),
    myDateTime: ko.observable().dateObservable('DD/MM/YYYY HH:mm:ss')
};

3. 简单场景直接用Moment显示 #

如果只是单向显示日期，无需双向绑定，直接在绑定中处理：

<span data-bind="text: myDateTime() ? moment(myDateTime()).format('DD/MM/YYYY HH:mm:ss') : ''"></span>
<span data-bind="text: myDate() ? moment(myDate()).format('DD/MM/YYYY') : ''"></span>

• 传输优先用ISO 8601：不要直接传输本地化格式字符串，ISO格式是唯一无歧义的选择，能彻底避免英美格式混淆。
• 严格解析日期：Moment的严格解析模式（第三个参数传true）能确保只有符合指定格式的输入才会被解析，避免错误识别。
• 时区统一：服务端尽量用Utc时间，客户端显示时Moment会自动转成本地时区，避免跨时区的日期偏差。
• 双向验证：客户端和服务端都要做日期有效性验证，确保输入的日期符合业务要求。

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