【经验分享】为什么后台取到的时间差8小时？

sanshi

发现问题

单元格编辑时，你可能会遇到前台传入的时间，后台通过C#获取时差8个小时，这是怎么回事呢？

为了演示这一过程，我通过一个简单的例子来说明问题，首先新建一个页面：

1. @(F.DatePicker().DateFormatString("yyyy-MM-dd HH:mm:ss").Label("开始日期").ID("DatePicker1").ShowTime(true).SelectedDate(DateTime.Now))
   
2.     @(F.Button().ID("btnSubmit").Text("提交表单").OnClick(Url.Action("btnSubmit_Click"), "DatePicker1"))
   
3. 
   
4.     @(F.Label().ID("labResult"))

复制代码

后台代码：

1. [HttpPost]
   
2. [ValidateAntiForgeryToken]
   
3. public ActionResult btnSubmit_Click(FormCollection values)
   
4. {
   
5.         UIHelper.Label("labResult").Text("开始日期：" + values["DatePicker1"]);
   
6. 
   
7.         return UIHelper.Result();
   
8. }

复制代码

因为后台直接从请求表单中读取的字符串，所以没有问题，前台参数传入：

1. DatePicker1: 2019-03-21 14:48:55

复制代码

页面上显示：

1. 开始日期：2019-03-21 14:48:55

复制代码

现在前台新增一个按钮，并通过自定义回发的形式传入后台：

1. @(F.Button().ID("btnSubmit2").Text("自定义回发").OnClientClick("btnSubmit2Click();"))
   
2. 
   
3. function btnSubmit2Click() {
   
4.         F.doPostBack('@Url.Action("btnSubmit2_Click")', {
   
5.                 values: F.toJSON({
   
6.                         DatePicker1: F.ui.DatePicker1.getValue()
   
7.                 })
   
8.         });
   
9. }

复制代码

后台直接从JSON对象中读取数据，并显示：

1. [HttpPost]
   
2. [ValidateAntiForgeryToken]
   
3. public ActionResult btnSubmit2_Click(JObject values)
   
4. {
   
5.         UIHelper.Label("labResult").Text("开始日期：" + values["DatePicker1"].ToString());
   
6. 
   
7.         return UIHelper.Result();
   
8. }

复制代码

此时再看回发后的前台显示：

1. 开始日期：2019/3/21 6:45:44

复制代码

好嘛！刚好差8个小时，逮个正着！

分析问题

可能有人会说了，是不是前台传入的数据有误？其实不是的，打开浏览器调试工具，看下传入的参数：

1. values: {"DatePicker1":"2019-03-21T06:48:55.000Z"}

复制代码

可以发现，前台 F.toJSON 之后，原来的字符串 2019-03-21 14:48:55 被转化为标准时间：2019-03-21T06:48:55.000Z

这个转化是没问题的，因为它（2019-03-21T06:48:55.000Z）描述的是标准零时区的时间，和我们的本地时间（北京时间，东八区）刚好差了8个小时。

问题出在后台JSON格式转化，JSON.NET会识别含有类似 2019-03-21T06:48:55.000Z 的字符串，并将之转化为时间格式！！

在VS中调试，可以看到 values["DatePicker1"] 其实是 Date 类型，并非我们所期望的 string 类型：



解决问题

其实这个时间对象也没问题，只不过它表示的是标准零时区时间，我们只需将其转化为本地时间就可以了，所以正确的代码应该是这样的：

1. [HttpPost]
   
2. [ValidateAntiForgeryToken]
   
3. public ActionResult btnSubmit2_Click(JObject values)
   
4. {
   
5.         UIHelper.Label("labResult").Text("开始日期：" + values.Value<DateTime>("DatePicker1").ToLocalTime().ToString());
   
6. 
   
7.         return UIHelper.Result();
   
8. }

复制代码

现在前台显示：

1. 开始日期：2019/3/21 14:48:55

复制代码

还可以将字符串格式化为需要的格式：

1. UIHelper.Label("labResult").Text("开始日期：" + values.Value<DateTime>("DatePicker1").ToLocalTime().ToString("yyyy-MM-dd HH:mm:ss"));

复制代码

此时前台显示：

1. 开始日期：2019-03-21 14:48:55

复制代码

延伸问题

还有观众说了，JSON.NET的这个自动转化我不需要，能不能直接拿到这个字符串，然后我自己通过 DateTime.Parse 来转换呢？

我在网上搜索了一下，发现如下两个解决办法，供参考：

办法一：

1. JsonReader reader = new JsonTextReader(new StringReader(values.ToString()));
   
2. reader.DateParseHandling = DateParseHandling.None;
   
3. JObject o = JObject.Load(reader);
   
4. // 2019/3/21 14:48:55
   
5. var result1 = DateTime.Parse(o.Value<string>("DatePicker1")).ToString();

复制代码

办法二：

1. JsonSerializerSettings settings = new JsonSerializerSettings()
   
2. {
   
3.         DateParseHandling = DateParseHandling.None
   
4. };
   
5. JObject j2 = JsonConvert.DeserializeObject<JObject>(values.ToString(), settings);

复制代码

说白了就是告诉 JSON.NET，不要自作主张的帮我把字符串转换为日期对象（DateParseHandling.None），我要取得原始的字符串。

只不过这个路子绕的有点远。