สร้างวันที่ด้วยเขตเวลาที่ตั้งไว้โดยไม่ใช้การแทนค่าสตริง


412

ฉันมีหน้าเว็บที่มีสามดรอปดาวน์สำหรับวันเดือนและปี ถ้าฉันใช้ตัวDateสร้างJavaScript ที่ใช้ตัวเลขดังนั้นฉันจะได้รับDateวัตถุสำหรับเขตเวลาปัจจุบันของฉัน:

new Date(xiYear, xiMonth, xiDate)

ระบุวันที่ที่ถูกต้อง แต่คิดว่าวันนั้นเป็น GMT + 01: 00 เนื่องจากเวลาออมแสง

ปัญหานี่คือฉันแล้วส่งผ่านวิธีนี้Dateไปยังวิธี Ajax และเมื่อวันที่ deserialised บนเซิร์ฟเวอร์มันได้รับการแปลงเป็น GMT และเสียเวลาหนึ่งชั่วโมงซึ่งเลื่อนวันกลับไปทีละวัน ตอนนี้ฉันสามารถผ่านวันเดือนปีเป็นรายบุคคลในวิธี 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))คุณสามารถสร้าง Date-object จากเวลา UTC เฉพาะ


101
ไวยากรณ์ "วันที่ใหม่ (Date.UTC (... ))" ช่วยให้คุณสามารถสร้างวันที่ซึ่งเทียบเท่ากับวันที่ UTC ในแง่ของเวลาที่มันแทน แต่ไม่เหมือนกัน - มันมี เขตเวลา (ไม่ใช่ UTC) ที่แตกต่างกัน
Anthony

52
โปรดทราบว่าเมื่อใช้ "วันที่" "เดือน" - ค่ามีช่วงตั้งแต่ 0-11 (ไม่ใช่ 1-12) ฉันยังคงได้รับเขตเวลาชดเชย 2h (ในขณะที่มันควรจะเป็น 1 ชั่วโมง) และฉันใช้เวลาชั่วโมงเพื่อค้นหาว่าเหตุผลคือเดือนที่ไม่ถูกต้อง
เลือก

4
คำตอบนี้ดีมาก แต่ฉันใช้ไลบรารี [datepicker ui] ที่ใช้ Date ใหม่ในหลาย ๆ ที่ สิ่งที่ฉันต้องการคือการตั้งค่าเขตเวลา UTC และทุกวันเป็นตามเขตเวลาใหม่ ฉันประหลาดใจที่ Javascript ไม่มีสิ่งใดสำหรับสิ่งนี้
Sanjeev Kumar Dangi

6
@ jishi— วันที่ของวัตถุขึ้นอยู่กับค่าเวลา UTC ไม่ใช่เวลาท้องถิ่น อย่างไรก็ตามค่าเริ่มต้นDate.prototype.toStringจะแสดงค่าเวลาท้องถิ่น
RobG

5
@ Anthony - " แต่มันไม่ใช่เวลาเดียวกัน " ไม่ถูกต้อง มันแสดงให้เห็นถึงช่วงเวลาเดียวกันอย่างแน่นอนความแตกต่างเพียงอย่างเดียวคือเขตเวลาชดเชย
RobG

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

3
ใช่อย่างที่คนอื่น ๆ ชี้ - ฉันคิดว่ามีข้อผิดพลาดในคำตอบนี้ ควรลบด้วยไม่บวก
UpTheCreek

3
ตามdeveloper.mozilla.org/en-US/docs/Web/JavaScript/Reference/ ...... ค่าที่ส่งคืนโดย getTimezoneOffset จะถูกลงชื่อตามค่าออฟเซ็ตจริงในโลแคลของคุณในเวลาที่คุณเรียกใช้ฟังก์ชันรวมถึงการพิจารณา DST ดังนั้นฉันจึงไม่เข้าใจว่าทำไมคุณต้องลบมันออก
TWR Cole

15
หากคุณเพิ่ม timezoneOffset ไปยังวัตถุวันที่ค่าที่จัดรูปแบบในเขตเวลาท้องถิ่นจะดูเหมือนว่าค่าที่ถูกต้องใน UTC แต่จะยังคงมีการชดเชยเขตเวลาเดิม (และการรับรองบางอย่างเช่น "ISOString" จะแสดงจริง) ดังนั้นขึ้นอยู่กับว่าคุณจะเรียงลำดับวัตถุวันที่อย่างไร JS อาจใช้การชดเชยเวลาอีกครั้งเพื่อให้คุณได้คำตอบที่ผิด ฉันเชื่อว่านี่เป็นสาเหตุของความสับสนในความคิดเห็นเหล่านี้ระหว่าง +/- อย่างไรก็ตาม downvote ของฉันสำหรับความจริงข้อนี้และสำหรับ "ในกรณีส่วนใหญ่คุณได้รับสิ่งที่คุณคาดหวัง"
metamatt

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

ใจอธิบายความแตกต่างระหว่างคนทั้งสองหรือไม่? ครั้งแรกที่แปลงdateเป็นเขตเวลา UTC แต่ที่สองดูเหมือนว่าจะไม่มีประโยชน์อะไรเลยเหรอ? (ส่งคืนวันที่เดียวกันdate)
Jonathan Lin

4
ฉันเข้าใจตอนนี้: วันแรกส่งคืนวันที่ในเขตเวลา UTC พร้อมค่าวันที่ตามตัวอักษรของเวลาท้องถิ่น วินาทีส่งคืนวันที่ในเขตเวลาท้องถิ่น แต่ด้วยค่าวันที่ตามตัวอักษร UTC
Jonathan Lin

8
วิธีนี้เป็นการนำรูปแบบหนึ่งที่เรียกว่า "การเปลี่ยนยุค" ซึ่งมีจุดประสงค์เพื่อย้ายยุค (นั่นคืออิงจาก UTC) ไปยังรูปแบบที่เลื่อนจากการชดเชยเวลาในเขตเวลาปัจจุบัน แต่น่าเสียดายที่ถึงแม้จะเห็นได้ทั่วไปวิธีนี้ก็มีข้อบกพร่อง Dateวัตถุของ JavaScript จะแสดงถึงยุคเอกภาพบนพื้นฐาน UTC และโซนเวลาท้องถิ่น อาการชัดเจนเมื่อคุณเรียกใช้toStringบนวัตถุวันที่เกิดขึ้นและยังคงเห็นเขตเวลาท้องถิ่นแม้ว่าคุณคาดว่าจะเป็น UTC
Matt Johnson-Pint

2
นอกจากนี้ยังอาจทำให้เกิดข้อผิดพลาดในค่าเวลาใกล้กับการเปลี่ยนเวลาตามฤดูกาลของเขตเวลาท้องถิ่น ในระยะสั้นยุคเปลี่ยน (ผ่านการใช้งานใด ๆ ) ไม่ทำงานกับDateวัตถุJavaScript อีกวิธีในการดูที่นี่คือที่Date.UTCคาดว่าจะใช้ค่า UTC และคุณกำลังป้อนค่าเวลาท้องถิ่นและแก้ไขในทางกลับกันกับตัวDateสร้าง
Matt Johnson-Pint

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
นี่น่าจะเป็นจุดสูงสุด
Eugene

ยกเว้นว่าทราบว่าวิธีนี้ใช้ไม่ได้ในบางเบราว์เซอร์ เช่น. IE11
Paul LeBeau

ข้อผิดพลาดใน IE Console: ค่าตัวเลือก 'AMERICA / NEW_YORK' สำหรับ 'timeZone' อยู่นอกช่วงที่ถูกต้อง คาดว่า: ['UTC'] @OloghoCyrilPaul
Matee Gojra

1
ง่ายมากสง่ามาก คุณสามารถหาที่นี่รายการที่มีทุกเขตstackoverflow.com/questions/38399465/... สำหรับ UTC เลือกเขตเวลาของลอนดอน
EPurpl3

1
ไม่มีค่าเหล่านี้คือ "เขตเวลา" ซึ่งเป็นสถานที่ที่เป็นตัวแทนฐานข้อมูลเขตเวลาของ IANAสำหรับสถานที่ที่มีเขตเวลาท้องถิ่นในอดีตที่เหมือนกันและการเปลี่ยนแปลงการประหยัดเวลากลางวัน
RobG

28

ฉันไม่เชื่อว่าเป็นไปได้ - ไม่มีความสามารถในการตั้งค่าเขตเวลาในวัตถุวันที่หลังจากสร้าง

และในทางนี้ทำให้รู้สึก - แนวคิด (ถ้าไม่อาจใช้งาน); ต่อhttp://en.wikipedia.org/wiki/Unix_timestamp (เน้นที่เหมือง):

เวลา Unix หรือเวลา POSIX เป็นระบบสำหรับการอธิบายอินสแตนซ์ในเวลาที่กำหนดเป็นจำนวนวินาทีที่ผ่านไปตั้งแต่เที่ยงคืนCoordinated Universal Time (UTC)ของวันพฤหัสบดีที่ 1 มกราคม 1970

เมื่อคุณสร้างขึ้นแล้วมันจะแสดงถึงจุดหนึ่งในเวลา "ของจริง" เขตเวลาเกี่ยวข้องเฉพาะเมื่อคุณต้องการแปลงจุดเวลานามธรรมนั้นเป็นสตริงที่มนุษย์อ่านได้

ดังนั้นจึงสมเหตุสมผลที่คุณจะสามารถเปลี่ยนเวลาตามจริงที่วันที่แสดงในตัวสร้าง น่าเศร้าที่ดูเหมือนว่าไม่มีวิธีการส่งผ่านในเขตเวลาที่ชัดเจน - และตัวสร้างที่คุณกำลังโทร (แปลอย่างถูกต้อง) แปลตัวแปรเวลา "ท้องถิ่น" ของคุณเป็น GMT เมื่อมันจัดเก็บตามแบบบัญญัติ - ดังนั้นจึงไม่มีวิธีใช้ตัวint, int, intสร้างสำหรับ GMT ครั้ง

ในด้านบวกมันเป็นเพียงเล็กน้อยที่จะใช้ตัวสร้างที่ใช้สตริงแทน คุณไม่ต้องแปลงเดือนให้เป็น String (บน Firefox อย่างน้อย) ดังนั้นฉันจึงหวังว่าการใช้งานแบบไร้เดียงสาจะได้ผล อย่างไรก็ตามหลังจากลองใช้งานแล้วจะทำงานได้สำเร็จใน Firefox, Chrome และ Opera แต่ล้มเหลวใน Konqueror ("Invalid Date"), Safari ("Invalid Date") และ IE ("NaN") ฉันคิดว่าคุณเพียงแค่มีอาร์เรย์การค้นหาเพื่อแปลงเดือนเป็นสตริงเช่น:

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

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

6
หากไม่มีวิธี "ตั้งค่าเขตเวลาในวัตถุวันที่หลังจากที่สร้างแล้ว" คุณหมายถึงมีวิธีตั้งค่าเขตเวลาในวัตถุวันที่หรือไม่เมื่อมันถูกสร้างขึ้น? ดูเหมือนว่าวันที่ js จะเป็น "wrapper ที่บางรอบจำนวนวินาทีตั้งแต่ Epoch" - ดูเหมือนว่าจะเป็นวินาทีที่นับรวมเขตเวลา
Anthony

1
@Athony มันสามารถใช้เขตเวลาของลูกค้าได้เท่านั้น Javascript สามารถทำ local to utc และ back แต่ไม่มีการเข้าถึงฐานข้อมูล timezone ยกตัวอย่างเช่นไม่สามารถบอกเวลาในเม็กซิโกซิตี้เมื่อคุณอยู่ในซานดิเอโก
ซามูเอลแดเนียลสัน

20

ฉันรู้ว่ามันเก่า แต่ถ้ามันช่วยให้คุณสามารถใช้โซนเวลาและช่วงเวลา หากคุณไม่ได้เห็นพวกเขาดู

http://momentjs.com/timezone/

http://momentjs.com/

ห้องสมุดการจัดการเวลาที่มีประโยชน์จริงๆสองแห่ง


16

หากคุณต้องการจัดการกับปัญหาที่แตกต่างกันเล็กน้อย แต่เกี่ยวข้องกันในการสร้างออบเจ็กต์วันที่จาวาสคริปต์จากปี, เดือน, วัน, ... รวมถึงเขตเวลา - นั่นคือถ้าคุณต้องการแยกสตริงเป็นวันที่ - จากนั้นคุณ เห็นได้ชัดว่าจะต้องทำเต้นที่ซับซ้อนอย่างทำให้โกรธ:

// 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 'สถานที่' และไม่ได้กำหนดค่าเริ่มต้นเป็นเวลาท้องถิ่น) จากนั้นจึงใช้การชดเชยเขตเวลาที่ระบุด้วยตนเอง

คงจะดีถ้าไม่มีใครคิดเกี่ยวกับวัตถุวันที่ของจาวาสคริปต์มานานกว่า oooh ห้านาที ....


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

2
พวกเขาคิดเกี่ยวกับมัน น่าเสียดายที่ "พวกเขา" เป็นนักออกแบบภาษาจาวาเนื่องจาก JS เพิ่งคัดลอกคลาสของวันที่ของ Java สำหรับการเริ่มต้นใช้งาน
Xanthir

@ Xanthir Oooh คุณพูดถูกและฉันลืมไปว่าวัตถุ 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

สำหรับตำแหน่งออฟเซ็ตทั้งหมดของรายการชดเชยเวลา 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 ตอนท้ายของสิ่งที่คุณส่งผ่านไปยังตัวสร้างใหม่

อย่างน้อยใน Chrome คุณสามารถพูดได้ var date = new Date("2014-01-01 11:00:00 UTC")


1
ส่งคืน "วันที่ไม่ถูกต้อง" ใน Safari
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

@ Kevin Beal ในกรณีนี้ให้ใช้ getTimezoneOffset
maximus

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);

คอนโซลจะอ่าน:

จันทร์ 11 มกราคม 2016 19:00:00 GMT-0500 (เวลามาตรฐานตะวันออก)

อังคาร 12 มกราคม 2016 00:00:00 GMT-0500 (เวลามาตรฐานตะวันออก)

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

'addMinutes' มาจาก datejs คุณสามารถทำได้โดยใช้ js บริสุทธิ์ด้วยตัวคุณเอง แต่ฉันมี datejs อยู่ในโครงการของฉันดังนั้นฉันจึงหาวิธีใช้เพื่อให้ได้วันที่ที่ถูกต้อง

ฉันคิดว่านี่อาจช่วยคน ...


ลองใช้วิธีการทั้งหมดและนี่เป็นสิ่งเดียวเท่านั้นที่จะได้รับเที่ยงคืนซึ่งเป็นสิ่งที่ฉันทำหลังจาก!
SharpC

3

ไมล์สะสมใด ๆ ใน

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

นี่ดูเหมือนจะเป็นการหลอกลวงสำหรับฉัน (เขตเวลาหนึ่งห่างจาก GMT) แต่เนื่องจาก "สถานที่" ไม่จำเป็นต้องเกี่ยวข้องกับเขตเวลาฉันจึงไม่เชื่อถือ
Wytze

3

รหัสนี้จะกลับมาของวัตถุวันที่จัดรูปแบบด้วยเขตเบราว์เซอร์

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

แก้ไข:

เพื่อหลีกเลี่ยงการทำให้มลภาวะ API วันที่ฟังก์ชันข้างต้นสามารถเปลี่ยนเป็นฟังก์ชันอรรถประโยชน์ได้ ฟังก์ชั่นใช้วัตถุวันที่และส่งกลับวัตถุวันที่กลายพันธุ์

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

6
ไม่ขยายวัตถุพื้นเมือง
Paul Rumkin

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>

ตัวอย่างของคุณไม่รวมการเลื่อนเวลาตามฤดูกาล เวลาปัจจุบัน: ศุกร์ 4 ต.ค. 2013 11:13:43 GMT-0700 (เวลาตามฤดูกาลของแปซิฟิก) เวลา: ศุกร์, 04 ตุลาคม 2556 18:13:43 GMT แบมฟ์, แคนาดา: 1213 น. มิชิแกน: 1413 น. Greenwich, England (UTC): 1913 ชม. โตเกียวญี่ปุ่น: 0413 น. เบอร์ลิน, เยอรมนี: 2013 น.
Jeson Martajaya

0

หากคุณต้องการตรวจสอบความแตกต่างในช่วงเวลาระหว่างวันที่สองวันคุณสามารถตรวจสอบว่าเขตเวลาที่สองน้อยกว่าหรือมากกว่าจากเขตเวลาแรกที่คุณต้องการแล้วลบหรือเพิ่มเวลา

  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));
  }


-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
ว้าว, ฉันไม่ชอบมันทั้ง แต่ผมคิดว่าคนจริงๆเกลียดคุณเอาชนะต้นแบบของ builtins!
Josh จาก Qaribou
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.