在前端和后端之间同步日期格式

Question

假设我们有一个由 angularjs 前端和 asp.net wep api 作为后端的应用程序。

客户在使用日期选择器时应该使用他的文化（例如：En-US）。当数据将发布到后端时，我在那里有一种特定的文化（例如：Tr-TR）。

我想要一个处理日期时间格式的系统来轻松管理这种情况。例如，每当客户端向后端发送请求时，我应该从请求中了解他的文化，然后在返回数据之前在序列化时将我的日期转换为该格式。

我应该创建什么类型的系统？

由于我还没有前端代码，所以我将在 web api 端分享我的文化配置。

设置文化

public class CultureConfig
{
    public static void Register()
    {
        //Get the culture info of the language code
        const string uiLanguage = "Tr";//"En-US";
        var culture = CultureInfo.CreateSpecificCulture(uiLanguage);
        CultureInfo.DefaultThreadCurrentCulture = culture;
        CultureInfo.DefaultThreadCurrentUICulture = culture;
    }
}

Json 序列化配置：

  var jsonFormatter = config.Formatters.OfType<JsonMediaTypeFormatter>().First();
        jsonFormatter.SerializerSettings = new JsonSerializerSettings()
        {
            ContractResolver = new CamelCasePropertyNamesContractResolver(),
            DateFormatHandling = DateFormatHandling.IsoDateFormat,
            DateTimeZoneHandling = DateTimeZoneHandling.Unspecified,
            Culture = CultureInfo.DefaultThreadCurrentCulture
        };

Answer 1

您将此标记为关于 Web API 和 Angular，这是一个美妙的组合，使约会变得不那么困难。

记住以下几个技巧：

• 让每个人都使用 UTC。客户端向上发送 UTC，服务器向下发送 UTC。如果您使用 Angular 内置的 date 过滤器，它会自动将任何 UTC 日期调整为本地浏览器时间。同样，input[type="datetime-local"] 元素也将执行该转换。
• 使用 ISO 格式进行序列化。 JSON.net 默认会这样做；不要改变它。如果您将DateTime 对象发送为yyyy-MM-ddTHH:mm:ssZ，任何客户端框架（包括Angular）都会正确解析它。即使从哲学的角度来看，考虑一下：您的后端不应该为您的视图显示格式化日期，它应该只提供一个日期对象。 JSON 没有“日期对象”，因此我们选择下一个最接近的对象。

基本上，不要让您的 Web Api 担心文化。 API 的部分优点在于它们非常灵活。让你的前端框架操心在什么情况下如何显示日期。碰巧Angular在这方面做得很好。

如果你坚持下去，一切都会顺利进行并且易于维护。

有时会出现一些奇怪的边缘情况，您必须添加修改以支持这一点，并且在服务器端更改文化或在本地时间存储内容可能更容易（例如，实体框架需要帮助者来告诉它所有DateTime 值都应该将它们的种类更改为Utc，否则JSON.net 会将它们序列化为本地时间，并且它们会被你的UTC 偏移量关闭）。但是从去过那里的人那里拿走它，从长远来看，这样做是值得的。添加任何必要的助手来完成上述所有操作，它会像一个魅力一样工作。