剣道グリッド自動変更タイムゾーン

Question

私の剣道グリッドでは、サーバーから日時を受け取っています。クライアント側では、この時間はクライアントのタイムゾーンに変更され、表示されます。サーバーからクライアントに同じ時刻を表示するにはどうすればよいですか。

以下は、datetimeをバインドするための私の剣道コードです。

columns.Bound(p => p.CreateDate).Format("{0:dd/MM/yyyy hh:mm:ss}").Sortable(true).Width(180); 

Answer 1

これは私がこのようにやったコントローラ上の私の解決策

た

DateTime time = DateTime.Now（）;

文字列x = time.ToString（ "MM/dd/yyyy hh：mm：ss tt"）;

ビュー

columns.Bound（P => p.x）。

ソート可能です。

Answer 2

日付は、サーバーからの応答が返され、クライアント上で作成されているので - 日付が常にオフセット

これはあなたを助けるブラウザのタイムゾーンに応じて作成されます。

http://www.kendoui.com/code-library/mvc/grid/using-utc-time-on-both-client-and-server-sides.aspx

Answer 3

別のオプションは、というカスタムを使用して、日付をISOの形式に変換することです。

public class IsoDateJsonResult : JsonResult 
{ 
    public override void ExecuteResult(ControllerContext context) 
    { 
     if (context == null) 
     { 
      throw new ArgumentNullException("context"); 
     } 

     HttpResponseBase response = context.HttpContext.Response; 

     if (!String.IsNullOrEmpty(ContentType)) 
     { 
      response.ContentType = ContentType; 
     } 
     else 
     { 
      response.ContentType = "application/json"; 
     } 
     if (ContentEncoding != null) 
     { 
      response.ContentEncoding = ContentEncoding; 
     } 
     if (Data != null) 
     { 
      var isoConvert = new IsoDateTimeConverter(); 
      response.Write(JsonConvert.SerializeObject(Data, isoConvert)); 
     } 
    } 

その後IsoDateJsonResultの代わりActionResult/JsonResultを返すために、あなたのController方法を変更します。

Answer 4

私の場合、サーバーはCSTにあり、私はMSTにいます。 SQL Serverのデータをブラウザに残す必要があり、02/08/18 23:57を02/08/18 22:57に私の剣道グリッドで取得していました。だから私はこれをしなかった、それが役に立てば幸い：

小切手ユーザー/ブラウザのタイムゾーンは

を相殺サーバーのタイムゾーンからの時間の違いを取得します

をオフセットクラス.dbDate

と剣道グリッド上の列に見えます

データオブジェクトからそのセル内の日付（displayedTime）を取得します。

Moment.jsを使用して、渡した時間の差（diff）に基づいて変換します（convertedTime）。所望のフォーマットへ

フォーマットconvertedTimeすなわち02/08/18 23時57

ようにオブジェクト内の次の日付が

を調整しますIに1を追加し、更新日時をグリッドに戻ります。

最後にページ/グリッドの読み込み/更新を実行する必要があります。

function getDateOffset() { 
    var date = new Date(); 
    var offset; 
    var diff; 
    offset = date.getTimezoneOffset() 
    if (offset > 360) { //360 = CST 
     diff = +(offset - 360)/60 
    } else if (offset < 360) { 
     diff = -(360 - offset)/60 
    } else { 
     diff = 0 
    } 

    $(".dbDate").each(function (i) { 

     var grid = $('#Grid').data('kendoGrid'); 
     var displayedTime = grid.dataSource.data()[i].TicketDateTime 
     var convertedTime = new moment(displayedTime).add(diff, 'hours').toDate(); 
     var originalTime = moment(convertedTime).format("MM/DD/YY HH:mm"); 

     i + 1 
     $(this).html(originalTime) 
    }) 
}