【經驗分享】爲何後臺取到的時間和前臺差8個小時？

發現問題

單元格編輯時，你可能會遇到前臺傳入的時間，後臺經過C#獲取時差8個小時，這是怎麼回事呢？

 

這個問題可能會困擾一些同窗，我也不止一次的收到這樣的問題，這個是昨天一個網友的提問：

 

以前還有網友在發表相似的問題：

 

爲了演示這一過程，我經過一個簡單的例子來講明問題，首先新建一個頁面：

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

@(F.Label().ID("labResult"))

 

後臺代碼：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult btnSubmit_Click(FormCollection values)
{
    UIHelper.Label("labResult").Text("開始日期：" + values["DatePicker1"]);

    return UIHelper.Result();
}

 

由於後臺直接從請求表單中讀取的字符串，因此沒有問題，前臺參數傳入：

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

 

頁面上顯示：

開始日期：2019-03-21 14:48:55

如今前臺新增一個按鈕，並經過自定義回發的形式傳入後臺：

@(F.Button().ID("btnSubmit2").Text("自定義回發").OnClientClick("btnSubmit2Click();"))

function btnSubmit2Click() {
    F.doPostBack('@Url.Action("btnSubmit2_Click")', {
        values: F.toJSON({
        DatePicker1: F.ui.DatePicker1.getValue()
        })
    });
}

 

後臺直接從JSON對象中讀取數據，並顯示：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult btnSubmit2_Click(JObject values)
{
    UIHelper.Label("labResult").Text("開始日期：" + values["DatePicker1"].ToString());

    return UIHelper.Result();
}

 

此時再看回發後的前臺顯示：

開始日期：2019/3/21 6:45:44

 

好嘛！恰好差8個小時，逮個正着！

 

分析問題

可能有人會說了，是否是前臺傳入的數據有誤？其實不是的，打開瀏覽器調試工具，看下傳入的參數：

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 類型：

 

解決問題

其實這個時間對象也沒問題，只不過它表示的是標準零時區時間，咱們只需將其轉化爲本地時間就能夠了，因此正確的代碼應該是這樣的：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult btnSubmit2_Click(JObject values)
{
    UIHelper.Label("labResult").Text("開始日期：" + values.Value<DateTime>("DatePicker1").ToLocalTime().ToString());

    return UIHelper.Result();
}

 

如今前臺顯示：

開始日期：2019/3/21 14:48:55

還能夠將字符串格式化爲須要的格式：

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

 

此時前臺顯示：

開始日期：2019-03-21 14:48:55

 

 

深刻問題

還有觀衆說了，JSON.NET的這個自動轉化我不須要，能不能直接拿到這個字符串，而後我本身經過 DateTime.Parse 來轉換呢？

我在網上搜索了一下，發現以下兩個解決辦法，供參考：

辦法一：

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

 

辦法二：

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

 

說白了就是告訴 JSON.NET，不要自做主張的幫我把字符串轉換爲日期對象（DateParseHandling.None），我要取得原始的字符串。

 

而且因爲上面須要把 values 先轉換爲字符串，既然如此，還不如直接使用 string 來接受參數（少了一次參數自動類型轉換和一次強制類型轉換）：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult btnSubmit2_Click(string values)
{
    JsonSerializerSettings settings = new JsonSerializerSettings()
    {
        DateParseHandling = DateParseHandling.None
    };
    JObject j2 = JsonConvert.DeserializeObject<JObject>(values, settings);

    return UIHelper.Result();
}

 

只不過這個路子繞的有點遠。