文字列表現を使用せずに設定されたタイムゾーンで日付を作成する


412

日、月、年の3つのドロップダウンがあるWebページがあります。Date数値を取るJavaScript コンストラクターを使用するDateと、現在のタイムゾーンのオブジェクトが取得されます。

new Date(xiYear, xiMonth, xiDate)

正しい日付を指定しますが、夏時間のため、日付はGMT + 01:00であると見なされます。

ここでの問題は、これDateをAjaxメソッドに渡し、サーバーで日付が逆シリアル化されるとGMTに変換され、1時間遅れて1日遅れることです。今では、日、月、年を個別にAjaxメソッドに渡すことができましたが、もっと良い方法があるはずです。

受け入れられた答えは私を正しい方向に向けましたが、setUTCHours()それ自体を使用するだけで変わりました:

Apr 5th 00:00 GMT+01:00 

Apr 4th 23:00 GMT+01:00

次に、UTCの日付、月、年を設定して、

Apr 5th 01:00 GMT+01:00

これが私が欲しかったものです。


9
受け入れられた回答が正しい方向を示していて、質問に答えなかった場合、それは受け入れられた回答であってはならないと私は主張します。答えは尋ねられた質問に答えるべきです。
TWR Cole

回答:


481

これを使用.setUTCHours()すると、実際にUTC時間で日付を設定できるため、システム全体でUTC時間を使用できるようになります。

ただし、日付文字列を指定しない限り、コンストラクタでUTCを使用して設定することはできません。

を使用new Date(Date.UTC(year, month, day, hour, minute, second))すると、特定のUTC時間からDateオブジェクトを作成できます。


101
「new Date(Date.UTC(...))」構文を使用すると、UTC日付と同じ日付の日付を作成できますが、同じではありません。異なる(非UTC)タイムゾーン。
アンソニー

52
「日付」を使用する場合、「月」の値の範囲は0〜11です(1〜12ではありません)。私は2時間のタイムゾーンオフセットを取得し続け(それは1時間であるはずでした)、理由が間違った月であることがわかるまでに数時間かかりました。
Select0r

4
この答えは素晴らしいです。しかし、私は多くの場所で新しい日付を使用しているライブラリ[datepicker ui]を使用しています。私が欲しいのはUTCタイムゾーンを設定することだけで、すべての日付は新しいタイムゾーンに従っています。Javascriptにはこれが何もないことに驚いています。
Sanjeev Kumar Dangi 2012

6
@jishi-日付オブジェクトは、現地時間ではなくUTC時間値に基づいています。ただし、デフォルトのDate.prototype.toStringメソッドは現地時間の値を表示します。
RobG 2013年

5
@ Anthony— " しかし、同時にではありません "は正しくありません。それはまったく同じ瞬間を表し、唯一の違いはタイムゾーンのオフセットです。
RobG、2015年

198
var d = new Date(xiYear, xiMonth, xiDate);
d.setTime( d.getTime() + d.getTimezoneOffset()*60*1000 );

この回答は、元の質問に合わせて特別に調整されており、必ずしも期待どおりの回答は得られません。特に、タイムゾーンオフセットを追加するのではなく差し引くことを望む人もいます。ただし、このソリューションの要点は、特定の逆シリアル化のためにJavaScriptの日付オブジェクトをハックすることであり、すべてのケースで正しくなるわけではないことを覚えておいてください。


62
もちろん@gthmbですが*60*1000、この場合はそれがより明確に感じられます。つまり、そこにある理由は自明です。
TWR Cole

22
これはほとんど問題なく動作しますが、タイムゾーンに適した時刻を取得するには、+(プラス)ではなく-(マイナス)を使用する必要があります。
Wytze 14年

3
ええ、他の人が指摘したように-私はこの答えに間違いがあると思います。プラスではなくマイナスでなければなりません。
UpTheCreek 14年

3
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…によれば、getTimezoneOffsetによって返される値は、DSTを考慮に入れることを含め、関数を呼び出したときのロケールの実際のオフセットに従って署名されています。だから、なぜそれを引く必要があるのか​​理解できません。
TWR Cole

15
timezoneOffsetを日付オブジェクトに追加すると、ローカルタイムゾーンでフォーマットされたその値はUTCでの正しい値のように見えますが、元のタイムゾーンオフセットが残ります(「ISOString」などの一部の表現は実際にそれを表示します)。そのため、次に日付オブジェクトをシリアル化する方法によっては、JSがタイムゾーンオフセットを再度適用する可能性があり、間違った答えが返されます。これが+/-間のコメントの混乱の原因であると思います。とにかく、私の反対票はこの事実のためであり、また「ほとんどの場合、あなたは期待通りのものを手に入れる」ためのものです。
metamatt 2014

173

createDateAsUTC関数が必要だと思います(convertDateToUTCと比較してください

function createDateAsUTC(date) {
    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()));
}

function convertDateToUTC(date) { 
    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); 
}

36
私は彼の答えの明確さと有用性に驚いています。今日まで、JavaScriptの日付を扱うのが悪夢だったことを知りませんでした:S
will824

2つの違いを説明してもらえますか?1 dateつ目はUTCタイムゾーンに変換されますが、2つ目は何も役に立たないようです。(と同じ日付を返しますdate
ジョナサンリン

4
私は今それを手に入れます:最初は現地時間のリテラル日付値とともにUTCタイムゾーンの日付を返します。2番目は、ローカルタイムゾーンで日付を返しますが、UTCリテラル日付値が含まれます。
Jonathan Lin

8
このアプローチは、「エポックシフト」と呼ばれるパターンの1つの実装であり、エポック(UTCベース)を現在のタイムゾーンオフセットによってシフトされるエポックに移動することを目的としています。残念ながら、これは一般的に見られますが、このアプローチには欠陥があります。JavaScriptのDateオブジェクトは、常にUTCベースのUNIXエポックとローカルタイムゾーンを反映します。toString結果の日付オブジェクトを呼び出しても、UTCであると予想されていたとしても、ローカルタイムゾーンが表示された場合、この症状は明らかです。
Matt Johnson-Pint

2
また、ローカルタイムゾーンの夏時間への移行の近くで、時刻値にエラーが発生する可能性があります。つまり、エポックシフティング(実装による)はJavaScript Dateオブジェクトでは機能しません。ここでこれを確認するもう1つの方法は、Date.UTCUTCベースの値を想定していることであり、ローカル時刻の値をフィードしていること、およびDateコンストラクターでその逆を行っていることです。
Matt Johnson-Pint 2016年

70

単にタイムゾーンを設定し、それに従って戻ってください

new Date().toLocaleString("en-US", {timeZone: "America/New_York"})

他のタイムゾーンは次のとおりです

var world_timezones =
[
    'Europe/Andorra',
    'Asia/Dubai',
    'Asia/Kabul',
    'Europe/Tirane',
    'Asia/Yerevan',
    'Antarctica/Casey',
    'Antarctica/Davis',
    'Antarctica/DumontDUrville', 
    'Antarctica/Mawson',
    'Antarctica/Palmer',
    'Antarctica/Rothera',
    'Antarctica/Syowa',
    'Antarctica/Troll',
    'Antarctica/Vostok',
    'America/Argentina/Buenos_Aires',
    'America/Argentina/Cordoba',
    'America/Argentina/Salta',
    'America/Argentina/Jujuy',
    'America/Argentina/Tucuman',
    'America/Argentina/Catamarca',
    'America/Argentina/La_Rioja',
    'America/Argentina/San_Juan',
    'America/Argentina/Mendoza',
    'America/Argentina/San_Luis',
    'America/Argentina/Rio_Gallegos',
    'America/Argentina/Ushuaia',
    'Pacific/Pago_Pago',
    'Europe/Vienna',
    'Australia/Lord_Howe',
    'Antarctica/Macquarie',
    'Australia/Hobart',
    'Australia/Currie',
    'Australia/Melbourne',
    'Australia/Sydney',
    'Australia/Broken_Hill',
    'Australia/Brisbane',
    'Australia/Lindeman',
    'Australia/Adelaide',
    'Australia/Darwin',
    'Australia/Perth',
    'Australia/Eucla',
    'Asia/Baku',
    'America/Barbados',
    'Asia/Dhaka',
    'Europe/Brussels',
    'Europe/Sofia',
    'Atlantic/Bermuda',
    'Asia/Brunei',
    'America/La_Paz',
    'America/Noronha',
    'America/Belem',
    'America/Fortaleza',
    'America/Recife',
    'America/Araguaina',
    'America/Maceio',
    'America/Bahia',
    'America/Sao_Paulo',
    'America/Campo_Grande',
    'America/Cuiaba',
    'America/Santarem',
    'America/Porto_Velho',
    'America/Boa_Vista',
    'America/Manaus',
    'America/Eirunepe',
    'America/Rio_Branco',
    'America/Nassau',
    'Asia/Thimphu',
    'Europe/Minsk',
    'America/Belize',
    'America/St_Johns',
    'America/Halifax',
    'America/Glace_Bay',
    'America/Moncton',
    'America/Goose_Bay',
    'America/Blanc-Sablon',
    'America/Toronto',
    'America/Nipigon',
    'America/Thunder_Bay',
    'America/Iqaluit',
    'America/Pangnirtung',
    'America/Atikokan',
    'America/Winnipeg',
    'America/Rainy_River',
    'America/Resolute',
    'America/Rankin_Inlet',
    'America/Regina',
    'America/Swift_Current',
    'America/Edmonton',
    'America/Cambridge_Bay',
    'America/Yellowknife',
    'America/Inuvik',
    'America/Creston',
    'America/Dawson_Creek',
    'America/Fort_Nelson',
    'America/Vancouver',
    'America/Whitehorse',
    'America/Dawson',
    'Indian/Cocos',
    'Europe/Zurich',
    'Africa/Abidjan',
    'Pacific/Rarotonga',
    'America/Santiago',
    'America/Punta_Arenas',
    'Pacific/Easter',
    'Asia/Shanghai',
    'Asia/Urumqi',
    'America/Bogota',
    'America/Costa_Rica',
    'America/Havana',
    'Atlantic/Cape_Verde',
    'America/Curacao',
    'Indian/Christmas',
    'Asia/Nicosia',
    'Asia/Famagusta',
    'Europe/Prague',
    'Europe/Berlin',
    'Europe/Copenhagen',
    'America/Santo_Domingo',
    'Africa/Algiers',
    'America/Guayaquil',
    'Pacific/Galapagos',
    'Europe/Tallinn',
    'Africa/Cairo',
    'Africa/El_Aaiun',
    'Europe/Madrid',
    'Africa/Ceuta',
    'Atlantic/Canary',
    'Europe/Helsinki',
    'Pacific/Fiji',
    'Atlantic/Stanley',
    'Pacific/Chuuk',
    'Pacific/Pohnpei',
    'Pacific/Kosrae',
    'Atlantic/Faroe',
    'Europe/Paris',
    'Europe/London',
    'Asia/Tbilisi',
    'America/Cayenne',
    'Africa/Accra',
    'Europe/Gibraltar',
    'America/Godthab',
    'America/Danmarkshavn',
    'America/Scoresbysund',
    'America/Thule',
    'Europe/Athens',
    'Atlantic/South_Georgia',
    'America/Guatemala',
    'Pacific/Guam',
    'Africa/Bissau',
    'America/Guyana',
    'Asia/Hong_Kong',
    'America/Tegucigalpa',
    'America/Port-au-Prince',
    'Europe/Budapest',
    'Asia/Jakarta',
    'Asia/Pontianak',
    'Asia/Makassar',
    'Asia/Jayapura',
    'Europe/Dublin',
    'Asia/Jerusalem',
    'Asia/Kolkata',
    'Indian/Chagos',
    'Asia/Baghdad',
    'Asia/Tehran',
    'Atlantic/Reykjavik',
    'Europe/Rome',
    'America/Jamaica',
    'Asia/Amman',
    'Asia/Tokyo',
    'Africa/Nairobi',
    'Asia/Bishkek',
    'Pacific/Tarawa',
    'Pacific/Enderbury',
    'Pacific/Kiritimati',
    'Asia/Pyongyang',
    'Asia/Seoul',
    'Asia/Almaty',
    'Asia/Qyzylorda',
    'Asia/Qostanay', 
    'Asia/Aqtobe',
    'Asia/Aqtau',
    'Asia/Atyrau',
    'Asia/Oral',
    'Asia/Beirut',
    'Asia/Colombo',
    'Africa/Monrovia',
    'Europe/Vilnius',
    'Europe/Luxembourg',
    'Europe/Riga',
    'Africa/Tripoli',
    'Africa/Casablanca',
    'Europe/Monaco',
    'Europe/Chisinau',
    'Pacific/Majuro',
    'Pacific/Kwajalein',
    'Asia/Yangon',
    'Asia/Ulaanbaatar',
    'Asia/Hovd',
    'Asia/Choibalsan',
    'Asia/Macau',
    'America/Martinique',
    'Europe/Malta',
    'Indian/Mauritius',
    'Indian/Maldives',
    'America/Mexico_City',
    'America/Cancun',
    'America/Merida',
    'America/Monterrey',
    'America/Matamoros',
    'America/Mazatlan',
    'America/Chihuahua',
    'America/Ojinaga',
    'America/Hermosillo',
    'America/Tijuana',
    'America/Bahia_Banderas',
    'Asia/Kuala_Lumpur',
    'Asia/Kuching',
    'Africa/Maputo',
    'Africa/Windhoek',
    'Pacific/Noumea',
    'Pacific/Norfolk',
    'Africa/Lagos',
    'America/Managua',
    'Europe/Amsterdam',
    'Europe/Oslo',
    'Asia/Kathmandu',
    'Pacific/Nauru',
    'Pacific/Niue',
    'Pacific/Auckland',
    'Pacific/Chatham',
    'America/Panama',
    'America/Lima',
    'Pacific/Tahiti',
    'Pacific/Marquesas',
    'Pacific/Gambier',
    'Pacific/Port_Moresby',
    'Pacific/Bougainville',
    'Asia/Manila',
    'Asia/Karachi',
    'Europe/Warsaw',
    'America/Miquelon',
    'Pacific/Pitcairn',
    'America/Puerto_Rico',
    'Asia/Gaza',
    'Asia/Hebron',
    'Europe/Lisbon',
    'Atlantic/Madeira',
    'Atlantic/Azores',
    'Pacific/Palau',
    'America/Asuncion',
    'Asia/Qatar',
    'Indian/Reunion',
    'Europe/Bucharest',
    'Europe/Belgrade',
    'Europe/Kaliningrad',
    'Europe/Moscow',
    'Europe/Simferopol',
    'Europe/Kirov',
    'Europe/Astrakhan',
    'Europe/Volgograd',
    'Europe/Saratov',
    'Europe/Ulyanovsk',
    'Europe/Samara',
    'Asia/Yekaterinburg',
    'Asia/Omsk',
    'Asia/Novosibirsk',
    'Asia/Barnaul',
    'Asia/Tomsk',
    'Asia/Novokuznetsk',
    'Asia/Krasnoyarsk',
    'Asia/Irkutsk',
    'Asia/Chita',
    'Asia/Yakutsk',
    'Asia/Khandyga',
    'Asia/Vladivostok',
    'Asia/Ust-Nera',
    'Asia/Magadan',
    'Asia/Sakhalin',
    'Asia/Srednekolymsk',
    'Asia/Kamchatka',
    'Asia/Anadyr',
    'Asia/Riyadh',
    'Pacific/Guadalcanal',
    'Indian/Mahe',
    'Africa/Khartoum',
    'Europe/Stockholm',
    'Asia/Singapore',
    'America/Paramaribo',
    'Africa/Juba',
    'Africa/Sao_Tome',
    'America/El_Salvador',
    'Asia/Damascus',
    'America/Grand_Turk',
    'Africa/Ndjamena',
    'Indian/Kerguelen',
    'Asia/Bangkok',
    'Asia/Dushanbe',
    'Pacific/Fakaofo',
    'Asia/Dili',
    'Asia/Ashgabat',
    'Africa/Tunis',
    'Pacific/Tongatapu',
    'Europe/Istanbul',
    'America/Port_of_Spain',
    'Pacific/Funafuti',
    'Asia/Taipei',
    'Europe/Kiev',
    'Europe/Uzhgorod',
    'Europe/Zaporozhye',
    'Pacific/Wake',
    'America/New_York',
    'America/Detroit',
    'America/Kentucky/Louisville',
    'America/Kentucky/Monticello',
    'America/Indiana/Indianapolis',
    'America/Indiana/Vincennes',
    'America/Indiana/Winamac',
    'America/Indiana/Marengo',
    'America/Indiana/Petersburg',
    'America/Indiana/Vevay',
    'America/Chicago',
    'America/Indiana/Tell_City',
    'America/Indiana/Knox',
    'America/Menominee',
    'America/North_Dakota/Center',
    'America/North_Dakota/New_Salem',
    'America/North_Dakota/Beulah',
    'America/Denver',
    'America/Boise',
    'America/Phoenix',
    'America/Los_Angeles',
    'America/Anchorage',
    'America/Juneau',
    'America/Sitka',
    'America/Metlakatla',
    'America/Yakutat',
    'America/Nome',
    'America/Adak',
    'Pacific/Honolulu',
    'America/Montevideo',
    'Asia/Samarkand',
    'Asia/Tashkent',
    'America/Caracas',
    'Asia/Ho_Chi_Minh',
    'Pacific/Efate',
    'Pacific/Wallis',
    'Pacific/Apia',
    'Africa/Johannesburg'
];

8
これが一番上になるはずです
ユージーン

ただし、一部のブラウザでは機能しないことに注意してください。例えば。IE11。
Paul LeBeau

IEコンソールのエラー: 'timeZone'のオプション値 'AMERICA / NEW_YORK'が有効範囲外です。予想:['UTC'] @OloghoCyrilPaul
Matee Gojra

1
とても簡単で、とてもエレガントです。ここにすべてのタイムゾーンのリストを確認できますstackoverflow.com/questions/38399465/…。UTCの場合、ロンドンのタイムゾーンを選択します。
EPurpl3

1
これらの値はいずれも「タイムゾーン」ではなく、ローカルタイムゾーンと夏時間の変更が同じである場所のIANAタイムゾーンデータベースの代表的な場所です。
RobG、

28

これが可能であるとは思わない-作成後にDateオブジェクトにタイムゾーンを設定する機能はない。

そして、ある意味でこれは理にかなっています-概念的に(おそらく実装されていない場合)。あたりhttp://en.wikipedia.org/wiki/Unix_timestamp(強調鉱山):

Unixの時間、またはPOSIX時間、午前0時からの経過秒数として定義された時間内に瞬間を説明するためのシステムであり、協定世界時(UTC) 1970年1月1日(木曜日 ) の。

いったん構築すると、「リアルタイム」の特定の時点を表します。タイムゾーンが関係するのは、その抽象的な時点を人間が読める文字列に変換する場合のみです。

したがって、コンストラクタでDateが表す実際の時間のみを変更できるのは理にかなっています。悲しいことに、明示的なタイムゾーンを渡す方法はないようです-呼び出しているコンストラクターは、(おそらく正しく)「ローカル」時間変数を正規に格納するときにGMTに変換します。そのため、int, int, intコンストラクターを使用する方法はありません。GMT時間。

プラス面としては、代わりにStringを取るコンストラクタを使用するのは簡単です。(少なくともFirefoxでは)数値の月を文字列に変換する必要さえないので、単純な実装が機能することを望んでいました。ただし、試してみると、Firefox、Chrome、Operaでは正常に機能しますが、Konqueror(「無効な日付」)、Safari(「無効な日付」)、IE(「NaN」)では失敗します。次のように、月を文字列に変換するためのルックアップ配列があると思います。

var months = [ '', 'January', 'February', ..., 'December'];

function createGMTDate(xiYear, xiMonth, xiDate) {
   return new Date(months[xiMonth] + ' ' + xiDate + ', ' + xiYear + ' 00:00:00 GMT');
}

6
「それが作成された後、Dateオブジェクトにタイムゾーンを設定する」に方法はありません場合は、Dateオブジェクトにタイムゾーンを設定する方法があることを暗示しているようそれが作成されますが?jsの日付が「エポック以降の秒数を表す薄いラッパー」であるようには見えません-その秒数とタイムゾーンのようです。
アンソニー

1
@Anthony、クライアントのタイムゾーンのみを使用できます。Javascriptはローカルでutcを実行できますが、タイムゾーンデータベースにはアクセスできません。たとえば、サンディエゴにいるとき、メキシコシティの時間を知ることはできません。
Samuel Danielson


16

タイムゾーンを含む、年、月、日などからJavascriptの日付オブジェクトを作成するという、少し異なるが関連する問題に対処したい場合、つまり、文字列を日付に解析したい場合-どうやら激しく複雑なダンスをしなければならない:

// parseISO8601String : string -> Date
// Parse an ISO-8601 date, including possible timezone,
// into a Javascript Date object.
//
// Test strings: parseISO8601String(x).toISOString()
// "2013-01-31T12:34"              -> "2013-01-31T12:34:00.000Z"
// "2013-01-31T12:34:56"           -> "2013-01-31T12:34:56.000Z"
// "2013-01-31T12:34:56.78"        -> "2013-01-31T12:34:56.780Z"
// "2013-01-31T12:34:56.78+0100"   -> "2013-01-31T11:34:56.780Z"
// "2013-01-31T12:34:56.78+0530"   -> "2013-01-31T07:04:56.780Z"
// "2013-01-31T12:34:56.78-0330"   -> "2013-01-31T16:04:56.780Z"
// "2013-01-31T12:34:56-0330"      -> "2013-01-31T16:04:56.000Z"
// "2013-01-31T12:34:56Z"          -> "2013-01-31T12:34:56.000Z"
function parseISO8601String(dateString) {
    var timebits = /^([0-9]{4})-([0-9]{2})-([0-9]{2})T([0-9]{2}):([0-9]{2})(?::([0-9]*)(\.[0-9]*)?)?(?:([+-])([0-9]{2})([0-9]{2}))?/;
    var m = timebits.exec(dateString);
    var resultDate;
    if (m) {
        var utcdate = Date.UTC(parseInt(m[1]),
                               parseInt(m[2])-1, // months are zero-offset (!)
                               parseInt(m[3]),
                               parseInt(m[4]), parseInt(m[5]), // hh:mm
                               (m[6] && parseInt(m[6]) || 0),  // optional seconds
                               (m[7] && parseFloat(m[7])*1000) || 0); // optional fraction
        // utcdate is milliseconds since the epoch
        if (m[9] && m[10]) {
            var offsetMinutes = parseInt(m[9]) * 60 + parseInt(m[10]);
            utcdate += (m[8] === '+' ? -1 : +1) * offsetMinutes * 60000;
        }
        resultDate = new Date(utcdate);
    } else {
        resultDate = null;
    }
    return resultDate;
}

つまり、タイムゾーンなしの日付を使用して「UTC時間」を作成し(それがどのロケールにあるか、つまりUTC「ロケール」を知っており、デフォルトではローカルロケールに設定されていません)、指定されたタイムゾーンオフセットを手動で適用します。

誰かが実際にJavascriptの日付オブジェクトについて5分以上考えていたら良かったのではないでしょうか。


1
素晴らしい機能をありがとう!変更するのは、タイムゾーンオフセットにコロンのサポートを追加することだけです。var timebits = / ^([0-9] {4})-([0-9] {2})-([0-9] {2})T([0-9] {2}):( [0-9] {2})(?::([0-9] *)(\。[0-9] *)?)?(?:([+-])([0-9] { 2} [:]?)([0-9] {2}))?/;
robnardo 2013

2
彼らはそれについて考えました。残念なことに、JSは初期実装のためにJavaのDateクラスをコピーしただけなので、「彼ら」はJava言語デザイナーでした。
Xanthir

@Xanthirおお、そうだね。元のJava Dateオブジェクトがどれほどひどいものだったかは忘れていた。しかし、少なくともJavaはそれを非推奨にして先に進みました。Javascriptは実行できないように見えます(奇妙な言語、Javascriptです。かなり可愛く、最初に思われるほどひどくありません)。
Norman Grey

13
d = new Date();
utc = d.getTime() + (d.getTimezoneOffset() * 60000);
nd = new Date(utc + (3600000*offset));

offset value base on which location time zone you would like to set 
For India offset value +5.5,
New York offset value -4,
London offset value +1

すべての位置オフセットについてWikiのUTC時間オフセットのリスト


これは夏時間の間にニューヨークにどのように役立ちますか?
-frederj

ニューヨークの場合は、オフセット値-4を使用してください
Vijay Lathiya

1
ニューヨークのオフセットは夏時間によって異なります。時々-4、時々-5 en.wikipedia.org/wiki/Eastern_Time_Zone
frederj

8

getTimeZoneOffsetは、UTC + zの場合はマイナスです。

var d = new Date(xiYear, xiMonth, xiDate);
if(d.getTimezoneOffset() > 0){
    d.setTime( d.getTime() + d.getTimezoneOffset()*60*1000 );
}

1
少しの間違い、!= 0> 0ではありません。これを使用してしまいました
Cristi Băluță

8

これは誰かを助けるかもしれません、あなたは新しいコンストラクタに渡すものの最後にUTCを置きます

少なくともクロムでは言うことができます var date = new Date("2014-01-01 11:00:00 UTC")


1
サファリで「無効な日付」を返す
pmrotule

1
`UTC`を+0000(00とUTCの間のスペースを削除する必要があることに注意してください)に置き換えます。これは、FirefoxとChromeの両方で機能します。ただし、Safariについては不明です(参照:stackoverflow.com/a/17545854/1273587
cytsunny

8

ワンラインソリューション

new Date(new Date(1422524805305).getTime() - 330*60*1000)

1422524805305の代わりに、ミリ秒単位のタイムスタンプを使用します。330ではなく、タイムゾーンオフセットを分単位で使用します。GMT(例:インド+5:30は5 * 60 + 30 = 330分)


4
これはクライアントで実行されるコードです。つまり、場所が異なるユーザーのタイムゾーンは異なります。このソリューションでは、それを必要とするすべての人が同じタイムゾーン(自分のもの)に住んでいる必要があります。
Kevin Beal 2015年

ビール@Kevinその場合には、単にと、GetTimezoneOffsetを使用
マクシムス

6
// My clock 2018-07-25, 00:26:00 (GMT+7)
let date = new Date(); // 2018-07-24:17:26:00 (Look like GMT+0)
const myTimeZone = 7; // my timeZone 
// my timeZone = 7h = 7 * 60 * 60 * 1000 (millisecond);
// 2018-07-24:17:26:00 = x (milliseconds)
// finally, time in milliseconds (GMT+7) = x + myTimezone 
date.setTime( date.getTime() + myTimeZone * 60 * 60 * 1000 );
// date.toISOString() = 2018-07-25, 00:26:00 (GMT+7)

コードとそれが問題を解決する方法を説明すると、回答の質が向上し、ユーザーの学習に役立ちます。
Nic3500

5

正しい日付を取得するために見つけた最も簡単な方法は、datejsを使用することです。

http://www.datejs.com/

Ajaxを介して次の形式の日付を文字列として取得します: '2016-01-12T00:00:00'

var yourDateString = '2016-01-12T00:00:00';
var yourDate = new Date(yourDateString);
console.log(yourDate);
if (yourDate.getTimezoneOffset() > 0){
    yourDate = new Date(yourDateString).addMinutes(yourDate.getTimezoneOffset());
}
console.log(yourDate);

コンソールは以下を読みます:

2016年1月11日(月)19:00:00 GMT-0500(東部標準時)

2016年1月12日火曜日00:00:00 GMT-0500(東部標準時)

https://jsfiddle.net/vp1ena7b/3/

「addMinutes」はdatejsから来ています、おそらくあなたは自分で純粋なjsでこれを行うことができますが、私はすでにプロジェクトにdatejsを持っているので、正しい日付を取得するためにそれを使用する方法を見つけました

これは誰かを助けるかもしれないと思った...


すべての方法を試してみましたが、これが真夜中になる唯一の方法でした!
SharpC 2018年

3

走行距離

var d = new Date(xiYear, xiMonth, xiDate).toLocaleString();

これは私にとってはうまくいくようです(GMTから1タイムゾーン離れています)が、 "ロケール"は必ずしもタイムゾーンに関連しているわけではないので、私はそれに依存しません。
Wytze、2014年

3

このコードは、ブラウザーのタイムゾーンでフォーマットされたDateオブジェクトを返します。

Date.prototype.timezone = function () {
    this.setHours(this.getHours() + (new Date().getTimezoneOffset() / 60));
    return this;
}

編集:

Date APIの汚染を避けるために、上記の関数をユーティリティ関数に変換できます。この関数はDateオブジェクトを取り、変更されたDateオブジェクトを返します。

function setTimeZone(date) {
    date.setHours(date.getHours() + (new Date().getTimezoneOffset() / 60));
    return date;
}

6
ネイティブオブジェクトの拡張は不可
ポールラムキン2017

1

私がこれから見た最良の解決策は

http://www.codingforums.com/archive/index.php/t-19663.html

印刷時間機能

<script language="javascript" type="text/javascript">
//borrowed from echoecho
//http://www.echoecho.com/ubb/viewthread.php?tid=2362&pid=10482&#pid10482
workDate = new Date()
UTCDate = new Date()
UTCDate.setTime(workDate.getTime()+workDate.getTimezoneOffset()*60000)

function printTime(offset) {
    offset++;
    tempDate = new Date()
    tempDate.setTime(UTCDate.getTime()+3600000*(offset))
    timeValue = ((tempDate.getHours()<10) ? ("0"+tempDate.getHours()) : (""+tempDate.getHours()))
    timeValue += ((tempDate.getMinutes()<10) ? ("0"+tempDate.getMinutes()) : tempDate.getMinutes())
    timeValue += " hrs."
    return timeValue
    }
    var now = new Date()
    var seed = now.getTime() % 0xfffffff
    var same = rand(12)
</script>

Banff, Canada:
<script language="JavaScript">document.write(printTime("-7"))</script>

完全なコード例

<html>

<head>
<script language="javascript" type="text/javascript">
//borrowed from echoecho
//http://www.echoecho.com/ubb/viewthread.php?tid=2362&pid=10482&#pid10482
workDate = new Date()
UTCDate = new Date()
UTCDate.setTime(workDate.getTime()+workDate.getTimezoneOffset()*60000)

function printTime(offset) {
offset++;
tempDate = new Date()
tempDate.setTime(UTCDate.getTime()+3600000*(offset))
timeValue = ((tempDate.getHours()<10) ? ("0"+tempDate.getHours()) : (""+tempDate.getHours()))
timeValue += ((tempDate.getMinutes()<10) ? ("0"+tempDate.getMinutes()) : tempDate.getMinutes())
timeValue += " hrs."
return timeValue
}
var now = new Date()
var seed = now.getTime() % 0xfffffff
var same = rand(12)
</script>

</head>

<body>
Banff, Canada:
<script language="JavaScript">document.write(printTime("-7"))</script>
<br>
Michigan:
<script language="JavaScript">document.write(printTime("-5"))</script>
<br>
Greenwich, England(UTC):
<script language="JavaScript">document.write(printTime("-0"))</script>
<br>
Tokyo, Japan:
<script language="JavaScript">document.write(printTime("+9"))</script>
<br>
Berlin, Germany:
<script language="JavaScript">document.write(printTime("+1"))</script>

</body>
</html>

この例では、夏時間を除外しています。CurrentTime:2013年10月4日金曜日11:13:43 GMT-0700(太平洋夏時間)UtcTime:2013年10月4日金曜日18:13:43 GMTバンフ、カナダ:1213時間。ミシガン:1413時間。イギリス、グリニッジ(UTC):1913時間。東京、日本:0413時間。ドイツ、ベルリン:2013時間。
Jeson Martajaya 2013年

0

2つの日付間の時間の差を確認する場合は、2番目のタイムゾーンが最初の希望のタイムゾーンよりも小さいか大きいかを確認し、時間を減算または追加できます。

  const currTimezone = new Date().getTimezoneOffset(); // your timezone
  const newDateTimezone = date.getTimezoneOffset(); // date with unknown timezone

  if (currTimezone !== newDateTimezone) {
    // and below you are checking if difference should be - or +. It depends on if unknown timezone is lesser or greater than yours
    const newTimezone = (currTimezone - newDateTimezone) * (currTimezone > newDateTimezone ? 1 : -1);
    date.setTime(date.getTime() + (newTimezone * 60 * 1000));
  }

0

GMT -03:00の例

new Date(new Date()-3600*1000*3).toISOString();  // 2020-02-27T15:03:26.261Z

あるいは

now  = new Date().getTime()-3600*1000*3; // 1582818380528
data = new Date(now).toISOString();      // 2020-02-27T15:03:26.261Z

-1

これでうまくいきました。それが良いアイデアかどうかはわかりませんが。

var myDate = new Date();
console.log('myDate:', myDate);   // myDate: "2018-04-04T01:09:38.112Z"

var offset = '+5';  // e.g. if the timeZone is -5

var MyDateWithOffset = new Date( myDate.toGMTString() + offset );   

console.log('MyDateWithOffset:', MyDateWithOffset); // myDateWithOffset: "2018-04-03T20:09:38.000Z"


-1

私はtimezone-jsパッケージを使用しました。

var timezoneJS  = require('timezone-js');
var tzdata = require('tzdata');

createDate(dateObj) {
    if ( dateObj == null ) {
        return null;
    }
    var nativeTimezoneOffset = new Date().getTimezoneOffset();
    var offset = this.getTimeZoneOffset();

    // use the native Date object if the timezone matches
    if ( offset == -1 * nativeTimezoneOffset ) {
        return dateObj;
    }

    this.loadTimeZones();

    // FIXME: it would be better if timezoneJS.Date was an instanceof of Date
    //        tried jquery $.extend
    //        added hack to Fiterpickr to look for Dater.getTime instead of "d instanceof Date"
    return new timezoneJS.Date(dateObj,this.getTimeZoneName());
},

-11

これは最高のソリューションです

使用:

// TO ALL dates
Date.timezoneOffset(-240) // +4 UTC

// Override offset only for THIS date
new Date().timezoneOffset(-180) // +3 UTC

コード:

Date.prototype.timezoneOffset = new Date().getTimezoneOffset();

Date.setTimezoneOffset = function(timezoneOffset) {
  return this.prototype.timezoneOffset = timezoneOffset;
};

Date.getTimezoneOffset = function() {
  return this.prototype.timezoneOffset;
};

Date.prototype.setTimezoneOffset = function(timezoneOffset) {
  return this.timezoneOffset = timezoneOffset;
};

Date.prototype.getTimezoneOffset = function() {
  return this.timezoneOffset;
};

Date.prototype.toString = function() {
  var offsetDate, offsetTime;
  offsetTime = this.timezoneOffset * 60 * 1000;
  offsetDate = new Date(this.getTime() - offsetTime);
  return offsetDate.toUTCString();
};

['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Date', 'Month', 'FullYear', 'Year', 'Day'].forEach((function(_this) {
  return function(key) {
    Date.prototype["get" + key] = function() {
      var offsetDate, offsetTime;
      offsetTime = this.timezoneOffset * 60 * 1000;
      offsetDate = new Date(this.getTime() - offsetTime);
      return offsetDate["getUTC" + key]();
    };
    return Date.prototype["set" + key] = function(value) {
      var offsetDate, offsetTime, time;
      offsetTime = this.timezoneOffset * 60 * 1000;
      offsetDate = new Date(this.getTime() - offsetTime);
      offsetDate["setUTC" + key](value);
      time = offsetDate.getTime() + offsetTime;
      this.setTime(time);
      return time;
    };
  };
})(this));

コーヒーバージョン:

Date.prototype.timezoneOffset = new Date().getTimezoneOffset()


Date.setTimezoneOffset = (timezoneOffset)->
    return @prototype.timezoneOffset = timezoneOffset


Date.getTimezoneOffset = ->
    return @prototype.timezoneOffset


Date.prototype.setTimezoneOffset = (timezoneOffset)->
    return @timezoneOffset = timezoneOffset


Date.prototype.getTimezoneOffset = ->
    return @timezoneOffset


Date.prototype.toString = ->
    offsetTime = @timezoneOffset * 60 * 1000
    offsetDate = new Date(@getTime() - offsetTime)
    return offsetDate.toUTCString()


[
    'Milliseconds', 'Seconds', 'Minutes', 'Hours',
    'Date', 'Month', 'FullYear', 'Year', 'Day'
]
.forEach (key)=>
    Date.prototype["get#{key}"] = ->
        offsetTime = @timezoneOffset * 60 * 1000
        offsetDate = new Date(@getTime() - offsetTime)
        return offsetDate["getUTC#{key}"]()

    Date.prototype["set#{key}"] = (value)->
        offsetTime = @timezoneOffset * 60 * 1000
        offsetDate = new Date(@getTime() - offsetTime)
        offsetDate["setUTC#{key}"](value)
        time = offsetDate.getTime() + offsetTime
        @setTime(time)
        return time

2
うわー、私もそれは好きではありませんが、組み込みのプロトタイプをオーバーライドするのは本当に嫌いだと思います!
カリブのジョシュ、18
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.