JavaScriptの日付オブジェクトは常に1日遅れです

Question

日付オブジェクトをバックエンドデータベースから文字列に変換してビューに表示しようとしていますが、変換すると結果は常に1日遅れになります。

コード：設け

date = this.props.date; 

d = new Date(date) 
    options = { 
     month: "long", weekday: "long", year: "numeric", 
     day: "numeric" 
    }; 

    dateStr = d.toLocaleDateString("en-us",options) 

EDIT例：バックエンド構造に関して は、日付は、単純なHTML日付ピッカーフォームをデータベースに挿入されます。

"2016-10-01" 

私は上記のコードを使用すると、それはなる：

"Friday, September 30, 2016" 

Answer 1

と仮定すると、

現在、this.props.dateは、ビュー上でレンダリングされた場合には、このような何かをレンダリングしますバックエンド日付はUTC（具体的にはISO8601）で表示され、表示される日付はen-us言語地域のUTCになります。日付を想定し

var date = "2016-10-01"; 
 
var parts = date.split('-'); 
 
parts[1] -= 1; 
 
var d = new Date(Date.UTC.apply(null, parts)); 
 
options = { 
 
    month: "long", 
 
    weekday: "long", 
 
    year: "numeric", 
 
    day: "numeric", 
 
    timeZone: 'UTC' 
 
}; 
 

 
document.getElementById('out').textContent = d.toLocaleDateString("en-us", options);

<pre id="out"></pre>

はUTCで、Dateオブジェクトは、（一部の古いバージョンではない）が正しくISO8601を処理し、その後、あなたは、日付の解析に建てに頼ることができます。

var date = "2016-10-01"; 
 
var d = new Date(date); 
 
options = { 
 
    month: "long", 
 
    weekday: "long", 
 
    year: "numeric", 
 
    day: "numeric", 
 
    timeZone: 'UTC' 
 
}; 
 

 
document.getElementById('out').textContent = d.toLocaleDateString("en-us", options);

<pre id="out"></pre>

だから私が行っているすべては、明示的にそれ以外の場合は、ランタイムのデフォルトのタイムゾーンを使用している、UTCように出力を設定されています。 toLocaleDateStringはまだ初期段階であり、ISO8601の解析と同様にブラウザによって異なる可能性があります。