ASP.NETを使用してWebユーザに地域別の日時情報を表示する方法

Question

私は、ASP.NETアプリケーションとサーバー上のUTCタイムスタンプを持っています。タイムスタンプをユーザに適切なタイムゾーンで表示し、ローカル日付/時刻フォーマットを使用したいとします。

など。 Jan 2, 2012 14:00:00 UTCは、ニューヨーク、米国（UTC -0500）のユーザーには1/2/2012 9:00 AMと表示され、英国のユーザーには02/01/2012 14:00と表示されます。

このシンプルな作業は驚くほど難しいことが判明しました。 MSDN has an articleと同じタイトルですが、サーバー側のデータを表示するのではなくユーザーの入力を解析するため、完全には適用されません。

タイムゾーンオフセットを簡単に

は、JavaScript

offset = new Date().getTimezoneOffset();を介してクライアント上で決定されるが、JavaScriptは、日付/時刻の書式設定に非常に悪いのサポートを提供します。あなたが得るのはtoLocaleString()メソッドです。その結果、Monday, January 02, 2012 9:00:00 AMのような醜い長い文字列になります。より短いフォーマットのための規定はないので、クライアントでは、良いタイムゾーン情報と悪い日付/時刻フォーマット機能が残っています。

状況はサーバー上で正反対です。当社は、ユーザーのロケール（not the best choice, but may be good enough）を取得するには、Accept-Language HTTPヘッダーを活用し、我々のコードは

CultureInfo userCulture = new CultureInfo(Request.UserLanguages[0]); のラインプラスいくつかのエラー処理に沿って行くので、その後、既知のロケールの.NETデータベースを活用することができます。

しかし、私たちはタイムゾーンの問題に固執しています。はい、JavaScriptで取得し、Cookieやポストバックデータとして渡すことはできますが、アプリケーションの最初のページに日付を表​​示する必要がある場合はどうすればよいですか？最初のページは常にログインページであると主張するかもしれませんが、ユーザーのログイン情報がセッション間で保持されている場合はそうではありません（ "remember me"オプション）。その解決策は、ユーザープロファイルの一部としてタイムゾーンのオフセットを保存することができますが、それは簡単ではないかもしれません（セッション間の夏時間の切り替え）。

この問題の包括的な解決策があり、うまく機能し、たくさんのコードを書く必要はありませんか？私は非常に不思議です、助言してください。

Answer 1

あなたは、ISO8601など、標準的な形式でクライアントに時刻文字列を渡す必要があります。

var timeString = '2012-01-02T16:00:00Z'; 

一部のブラウザでは正常にISO8601文字列を解析し、いくつかの文句を言わないので、確かにそれを手動で解析します。これはかなり簡単な作成し、ローカルの日付オブジェクトはその後、UTCの日付と時刻を設定している：

function localDateFromUTC(s) { 

    var x = s.split(/[-\s:tz]/i); 
    var d = new Date(); 

    d.setUTCFullYear(x[0], x[1], x[2]); 
    d.setUTCHours(x[3], x[4], x[5]); 
    return d; 
} 

var s = '2012-01-02T16:00:00Z'; 
var d = localDateFromUTC(s); 
alert(d); // Shows local date and time for the provided UTC date and time 

あなたが特定の出力をしたい場合は、手動でフォーマットする必要があり、例えば

function formatDate(d) { 
    var days = ['Sunday','Monday','Tuesday','Wednesday', 
       'Thursday','Friday','Saturday']; 
    var months = ['January','February','March','April','May','June','July', 
       'August','September','October','November','December']; 

    return days[d.getDay()] + ', ' + d.getDate() + ' ' + 
       months[d.getMonth()] + ', ' + d.getFullYear(); 
} 

ほとんどはとにかくローカル設定を無視するように見える、あなたはのtoLocaleString（）を使用して試すことができますが、結果はブラウザ間で大きく異なります。