แปลงวันที่เป็นเขตเวลาอื่นใน JavaScript

ฉันกำลังมองหาฟังก์ชั่นที่จะแปลงวันที่ในเขตเวลาหนึ่งไปยังเขตเวลาอื่น

มันต้องการสองพารามิเตอร์

• วันที่ (ในรูปแบบ "2012/04/10 10:10:30 +0000")
• สตริงเขตเวลา ("เอเชีย / จาการ์ตา")

สตริงเขตเวลาอธิบายไว้ในhttp://en.wikipedia.org/wiki/Zone.tab

มีวิธีง่าย ๆ ในการทำเช่นนี้?

var aestTime = new Date().toLocaleString("en-US", {timeZone: "Australia/Brisbane"});
console.log('AEST time: '+ (new Date(aestTime)).toISOString())

var asiaTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Shanghai"});
console.log('Asia time: '+ (new Date(asiaTime)).toISOString())

var usaTime = new Date().toLocaleString("en-US", {timeZone: "America/New_York"});
console.log('USA time: '+ (new Date(usaTime)).toISOString())

var indiaTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Kolkata"});
console.log('India time: '+ (new Date(indiaTime)).toISOString())

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

สำหรับmoment.jsผู้ใช้งานขณะนี้คุณสามารถใช้ช่วงเวลา-เขตเวลา เมื่อใช้งานฟังก์ชันของคุณจะมีลักษณะดังนี้:

function toTimeZone(time, zone) {
    var format = 'YYYY/MM/DD HH:mm:ss ZZ';
    return moment(time, format).tz(zone).format(format);
}

ถูกขโมยอย่างไร้ยางอายจาก: http://www.techrepublic.com/article/convert-the-local-time-to-another-time-zone-with-this-javascript/6016329

/** 
 * function to calculate local time
 * in a different city
 * given the city's UTC offset
 */
function calcTime(city, offset) {

    // create Date object for current location
    var d = new Date();

    // convert to msec
    // add local time zone offset
    // get UTC time in msec
    var utc = d.getTime() + (d.getTimezoneOffset() * 60000);

    // create new Date object for different city
    // using supplied offset
    var nd = new Date(utc + (3600000*offset));

    // return time as a string
    return "The local time in " + city + " is " + nd.toLocaleString();
}

ฟังก์ชันนี้มีประโยชน์ในการคำนวณค่าเขตเวลาโดยระบุชื่อเมือง / ประเทศและค่าออฟเซ็ต

เบราว์เซอร์บนเดสก์ท็อปส่วนใหญ่ (ไม่ใช่อุปกรณ์เคลื่อนที่) ยกเว้น Safari รองรับฟังก์ชั่นtoLocaleStringพร้อมอาร์กิวเมนต์เบราว์เซอร์รุ่นเก่ามักจะไม่สนใจอาร์กิวเมนต์

new Date().toLocaleString('en-US', { timeZone: 'Asia/Jakarta' })

โอเคพบแล้ว!

ฉันใช้เขตเวลา-js นี่คือรหัส:

var dt = new timezoneJS.Date("2012/04/10 10:10:30 +0000", 'Europe/London');
dt.setTimezone("Asia/Jakarta");

console.debug(dt); //return formatted date-time in asia/jakarta

หากคุณไม่ต้องการนำเข้าห้องสมุดขนาดใหญ่คุณสามารถใช้Intl.DateTimeFormatเพื่อแปลงออบเจกต์ Date เป็นเขตเวลาที่แตกต่างกัน

// Specifying timeZone is what causes the conversion, the rest is just formatting
const options = {
  year: '2-digit', month: '2-digit', day: '2-digit',
  hour: '2-digit', minute: '2-digit', second: '2-digit',
  timeZone: 'Asia/Jakarta',
  timeZoneName: 'short'
}
const formater = new Intl.DateTimeFormat('sv-SE', options)
const startingDate = new Date("2012/04/10 10:10:30 +0000")

const dateInNewTimezone = formater.format(startingDate) 
console.log(dateInNewTimezone) // 12-04-10 17:10:30 GMT+7

ออฟเซ็ตการปรับเวลาตามฤดูกาลและการเปลี่ยนแปลงในอดีตจะได้รับการดูแลสำหรับคุณ

เข้าใจแล้ว!

ต้องการบังคับให้แสดงวันที่ = วันที่เซิร์ฟเวอร์ไม่มีการตั้งค่าท้องถิ่น (UTC)

เซิร์ฟเวอร์ของฉันคือ GMT-6 -> new Date (). getTimezoneOffset () = 360

myTZO = 360;
myNewDate=new Date(myOldDateObj.getTime() + (60000*(myOldDateObj.getTimezoneOffset()-myTZO)));
alert(myNewDate);

คุณสามารถใช้วิธี toLocaleString () สำหรับการตั้งค่าเขตเวลา

new Date().toLocaleString('en-US', { timeZone: 'Indian/Christmas' })

สำหรับอินเดียคุณสามารถใช้ "อินเดีย / คริสต์มาส" และต่อไปนี้เป็นเขตเวลาต่างๆ

"Antarctica/Davis",
    "Asia/Bangkok",
    "Asia/Hovd",
    "Asia/Jakarta",
    "Asia/Phnom_Penh",
    "Asia/Pontianak",
    "Asia/Saigon",
    "Asia/Vientiane",
    "Etc/GMT-7",
    "Indian/Christmas"

หากคุณเพียงแค่ต้องแปลงเขตเวลาที่ฉันได้อัปโหลดรุ่นปล้นลงของช่วงเวลา-เขตมีเพียง functionallity ขั้นต่ำเปลือย ข้อมูล ~ 1KB +:

S.loadData({
    "zones": [
        "Europe/Paris|CET CEST|-10 -20|01010101010101010101010|1GNB0 1qM0 11A0 1o00 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0 WM0 1qM0 11A0 1o00 11A0 1o00 11A0 1qM0 WM0 1qM0|11e6",
        "Australia/Sydney|AEDT AEST|-b0 -a0|01010101010101010101010|1GQg0 1fA0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1fA0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0 1cM0|40e5",
    ],
    "links": [
        "Europe/Paris|Europe/Madrid",
    ]
});

let d = new Date();
console.log(S.tz(d, "Europe/Madrid").toLocaleString());
console.log(S.tz(d, "Australia/Sydney").toLocaleString());

ตั้งค่าตัวแปรที่มีปีเดือนและวันคั่นด้วยสัญลักษณ์ '-' รวมถึง 'T' และเวลาในรูปแบบ HH: mm: ss ตามด้วย +01: 00 ที่ส่วนท้ายของสตริง (ในกรณีของฉันคือ เขตเวลาคือ +1) จากนั้นใช้สตริงนี้เป็นอาร์กิวเมนต์สำหรับตัวสร้างวันที่

//desired format: 2001-02-04T08:16:32+01:00
dateAndTime = year+"-"+month+"-"+day+"T"+hour+":"+minutes+":00+01:00";

var date = new Date(dateAndTime );

ฉันควรทราบว่าฉันถูก จำกัด ด้วยความเคารพต่อห้องสมุดภายนอกที่ฉันสามารถใช้ได้ moment.js และ timezone-js ไม่ใช่ตัวเลือกสำหรับฉัน

วัตถุวันที่ js ที่ฉันมีอยู่ใน UTC ฉันต้องได้รับวันที่และเวลาจากวันที่นี้ในเขตเวลาที่เฉพาะเจาะจง ('อเมริกา / ชิคาโก' ในกรณีของฉัน)

 var currentUtcTime = new Date(); // This is in UTC

 // Converts the UTC time to a locale specific format, including adjusting for timezone.
 var currentDateTimeCentralTimeZone = new Date(currentUtcTime.toLocaleString('en-US', { timeZone: 'America/Chicago' }));

 console.log('currentUtcTime: ' + currentUtcTime.toLocaleDateString());
 console.log('currentUtcTime Hour: ' + currentUtcTime.getHours());
 console.log('currentUtcTime Minute: ' + currentUtcTime.getMinutes());
 console.log('currentDateTimeCentralTimeZone: ' +        currentDateTimeCentralTimeZone.toLocaleDateString());
 console.log('currentDateTimeCentralTimeZone Hour: ' + currentDateTimeCentralTimeZone.getHours());
 console.log('currentDateTimeCentralTimeZone Minute: ' + currentDateTimeCentralTimeZone.getMinutes());

UTC ปัจจุบันใช้เวลาประมาณ 6 ชั่วโมงก่อนหน้า 'อเมริกา / ชิคาโก' ผลลัพธ์คือ:

currentUtcTime: 11/25/2016
currentUtcTime Hour: 16
currentUtcTime Minute: 15

currentDateTimeCentralTimeZone: 11/25/2016
currentDateTimeCentralTimeZone Hour: 10
currentDateTimeCentralTimeZone Minute: 15

นี่คือรหัสของฉันมันทำงานได้อย่างสมบูรณ์แบบคุณสามารถลองให้ตัวอย่างด้านล่าง:

$(document).ready(function() {
   //EST
setInterval( function() {
var estTime = new Date();
 var currentDateTimeCentralTimeZone = new Date(estTime.toLocaleString('en-US', { timeZone: 'America/Chicago' }));
var seconds = currentDateTimeCentralTimeZone.getSeconds();
var minutes = currentDateTimeCentralTimeZone.getMinutes();
var hours =  currentDateTimeCentralTimeZone.getHours()+1;//new Date().getHours();
 var am_pm = currentDateTimeCentralTimeZone.getHours() >= 12 ? "PM" : "AM";

if (hours < 10){
     hours = "0" + hours;
}

if (minutes < 10){
     minutes = "0" + minutes;
}
if (seconds < 10){
     seconds = "0" + seconds;
}
    var mid='PM';
    if(hours==0){ //At 00 hours we need to show 12 am
    hours=12;
    }
    else if(hours>12)
    {
    hours=hours%12;
    mid='AM';
    }
    var x3 = hours+':'+minutes+':'+seconds +' '+am_pm
// Add a leading zero to seconds value
$("#sec").html(x3);
},1000);


});

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<p class="date_time"><strong id="sec"></strong></p>
</body>
</html>

คุณสามารถลองทำเช่นนี้เพื่อแปลงเขตเวลาของวันที่เป็นอินเดีย:

var indianTimeZoneVal = new Date().toLocaleString('en-US', {timeZone: 'Asia/Kolkata'});
var indainDateObj = new Date(indianTimeZoneVal);
indainDateObj.setHours(indainDateObj.getHours() + 5);
indainDateObj.setMinutes(indainDateObj.getMinutes() + 30);
console.log(indainDateObj);

ต้องดูรอบ ๆ รวมถึงการเชื่อมโยงจากหน้านี้ฉันพบบทความที่ดีนี้ใช้เขตเวลา:

https://www.webniraj.com/2016/11/23/javascript-using-moment-js-to-display-dates-times-in-users-timezone/

ในการสรุป:

รับเขตเวลาของผู้ใช้

var tz = moment.tz.guess();
console.info('Timezone: ' + tz);

ส่งคืนเช่น: เขตเวลา: ยุโรป / ลอนดอน

ตั้งค่าเขตเวลาเริ่มต้นของผู้ใช้

moment.tz.setDefault(tz);

ตั้งค่าเขตเวลาที่กำหนดเอง

moment.tz.setDefault('America/Los_Angeles');

แปลงวันที่ / เวลาเป็นเขตเวลาท้องถิ่นสมมติว่าวันที่ / เวลาดั้งเดิมอยู่ใน UTC

moment.utc('2016-12-25 07:00').tz(tz).format('ddd, Do MMMM YYYY, h:mma');

ส่งคืน: อา. วันที่ 25 ธันวาคม 2559, 7:00 น

แปลงวันที่ / เวลาเป็น LA Time

moment.utc('2016-12-25 07:00').tz('America/Los_Angeles').format('ddd, Do MMMM YYYY, h:mma');

คืนค่า: วันเสาร์ที่ 24 ธันวาคม 2559 เวลา 23.00 น

แปลงจากเวลา LA ถึงลอนดอน

moment.tz('2016-12-25 07:00', 'America/Los_Angeles').tz('Europe/London').format( 'ddd, Do MMMM YYYY, h:mma' );

คืนค่า: วันอาทิตย์ที่ 25 ธันวาคม 2559 เวลา 15.00 น

นอกจากนี้คุณยังสามารถใช้ https://www.npmjs.com/package/ctoc_timezone

มีการปรับใช้และการปรับแต่งรูปแบบที่ง่ายมาก

การเปลี่ยนรูปแบบใน toTimeZone:

CtoC.toTimeZone(new Date(),"EST","Do MMM YYYY hh:mm:ss #{EST}");

ผลผลิต:

28th Feb 2013 19:00:00 EST

คุณสามารถสำรวจฟังก์ชันการทำงานหลายอย่างในเอกสาร

มีโมดูล npm ชื่อ 'timezones.json' ที่คุณสามารถใช้ได้ มันเป็นพื้นประกอบด้วยไฟล์ json กับวัตถุที่มีข้อมูลเกี่ยวกับการประหยัดเวลากลางวันและออฟเซ็ต, ....

สำหรับเอเชีย / จาการ์ตาจะสามารถส่งคืนวัตถุนี้ได้:

{
  "value": "SE Asia Standard Time",
  "abbr": "SAST",
  "offset": 7,
  "isdst": false,
  "text": "(UTC+07:00) Bangkok, Hanoi, Jakarta",
  "utc": [
    "Antarctica/Davis",
    "Asia/Bangkok",
    "Asia/Hovd",
    "Asia/Jakarta",
    "Asia/Phnom_Penh",
    "Asia/Pontianak",
    "Asia/Saigon",
    "Asia/Vientiane",
    "Etc/GMT-7",
    "Indian/Christmas"
  ]
}

คุณสามารถค้นหาได้ที่นี่:

https://github.com/dmfilipenko/timezones.json

https://www.npmjs.com/package/timezones.json

หวังว่ามันจะมีประโยชน์

คนที่คุ้นเคยกับjava.timeแพคเกจjava 8 หรือjoda-timeอาจจะรักเด็กคนใหม่ในบล็อก: ห้องสมุดjs-joda

ติดตั้ง

npm install js-joda js-joda-timezone --save

ตัวอย่าง

<script src="node_modules/js-joda/dist/js-joda.js"></script>
<script src="node_modules/js-joda-timezone/dist/js-joda-timezone.js"></script>
<script>
var dateStr = '2012/04/10 10:10:30 +0000';
JSJoda.use(JSJodaTimezone);
var j = JSJoda;
// https://js-joda.github.io/js-joda/esdoc/class/src/format/DateTimeFormatter.js~DateTimeFormatter.html#static-method-of-pattern
var zonedDateTime = j.ZonedDateTime.parse(dateStr, j.DateTimeFormatter.ofPattern('yyyy/MM/dd HH:mm:ss xx'));
var adjustedZonedDateTime = zonedDateTime.withZoneSameInstant(j.ZoneId.of('America/New_York'));
console.log(zonedDateTime.toString(), '=>', adjustedZonedDateTime.toString());
// 2012-04-10T10:10:30Z => 2012-04-10T06:10:30-04:00[America/New_York]
</script>

ในธรรมชาติของจาวาจริงมันเป็นคำพูดที่สวยมาก แต่การเป็นคลัง java ที่มีพอร์ตโดยเฉพาะอย่างยิ่งเมื่อพิจารณาว่าพวกเขาโอนย้ายกรณีทดสอบ 1800 รายการแล้วมันก็อาจทำงานได้อย่างยอดเยี่ยมอย่างแม่นยำ

การจัดการโครโนนั้นเป็นเรื่องยาก นั่นเป็นเหตุผลที่ห้องสมุดอื่น ๆ จำนวนมากมีปัญหาในกรณีที่ขอบ Moment.js ดูเหมือนจะทำให้เขตเวลาถูกต้อง แต่ js libs อื่น ๆ ที่ฉันเคยเห็นรวมถึงtimezone-jsดูเหมือนจะไม่น่าเชื่อถือ

ฉันเพิ่งทำสิ่งนี้ใน typescript:

// fromTimezone example : Europe/Paris, toTimezone example: Europe/London
private calcTime( fromTimezone: string, toTimezone: string, dateFromTimezone: Date ): Date {
  const dateToGetOffset = new Date( 2018, 5, 1, 12 );

  const fromTimeString = dateToGetOffset.toLocaleTimeString( "en-UK", { timeZone: fromTimezone, hour12: false } );
  const toTimeString = dateToGetOffset.toLocaleTimeString( "en-UK", { timeZone: toTimezone, hour12: false } );

  const fromTimeHours: number = parseInt( fromTimeString.substr( 0, 2 ), 10 );
  const toTimeHours: number = parseInt( toTimeString.substr( 0, 2 ), 10 );

  const offset: number = fromTimeHours - toTimeHours;

  // convert to msec
  // add local time zone offset
  // get UTC time in msec
  const dateFromTimezoneUTC = Date.UTC( dateFromTimezone.getUTCFullYear(),
    dateFromTimezone.getUTCMonth(),
    dateFromTimezone.getUTCDate(),
    dateFromTimezone.getUTCHours(),
    dateFromTimezone.getUTCMinutes(),
    dateFromTimezone.getUTCSeconds(),
  );

  // create new Date object for different city
  // using supplied offset
  const dateUTC = new Date( dateFromTimezoneUTC + ( 3600000 * offset ) );

  // return time as a string
  return dateUTC;
}

ฉันใช้รูปแบบ "en-UK" เพราะเป็นรูปแบบที่เรียบง่าย น่าจะเป็น "en-US" หรืออะไรก็ได้

ถ้าอาร์กิวเมนต์แรกคือเขตเวลาของสถานที่ของคุณและ seconde เป็นเขตเวลาเป้าหมายของคุณจะส่งคืนวัตถุวันที่ด้วยการชดเชยที่ถูกต้อง

ผมมีปัญหาในการใช้เขตเวลาสักครู่ ฉันกำลังเพิ่มคำตอบนี้ดังนั้นถ้ามีคนอื่นประสบปัญหาเดียวกัน ดังนั้นผมจึงมีสตริงวันที่มาจากฉัน2018-06-14 13:51:00 APIฉันรู้ว่านี่ถูกเก็บไว้ในUTCแต่สตริงไม่ได้พูดเพื่อตัวเอง

ฉันให้เขตเวลาสักครู่รู้ว่าเขตเวลาวันนี้มาจากการทำ:

let uTCDatetime = momentTz.tz("2018-06-14 13:51:00", "UTC").format();
// If your datetime is from any other timezone then add that instead of "UTC"
// this actually makes the date as : 2018-06-14T13:51:00Z

ตอนนี้ฉันต้องการแปลงเป็นเขตเวลาที่กำหนดโดยทำ:

let dateInMyTimeZone = momentTz.tz(uTCDatetime, "Asia/Kolkata").format("YYYY-MM-DD HH:mm:ss");
// now this results into: 2018-06-14 19:21:00, which is the corresponding date in my timezone.

เพียงแค่ตั้งค่าเขตเวลาของประเทศที่คุณต้องการและคุณสามารถแสดงเป็น html ได้อย่างง่ายดายโดยใช้ SetInteval () ฟังก์ชั่นทุก ๆ นาที ฟังก์ชั่น formatAMPM () จัดการรูปแบบ 12 ชั่วโมงและแสดงเวลา AM / PM

$(document).ready(function(){
        var pakTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Karachi"});
        pakTime = new Date(pakTime);

        var libyaTime = new Date().toLocaleString("en-US", {timeZone: "Africa/Tripoli"});
        libyaTime = new Date(libyaTime);



         document.getElementById("pak").innerHTML = "PAK  "+formatAMPM(pakTime);
         document.getElementById("ly").innerHTML = "LY   " +formatAMPM(libyaTime);

        setInterval(function(today) {
            var pakTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Karachi"});
            pakTime = new Date(pakTime);

            var libyaTime = new Date().toLocaleString("en-US", {timeZone: "Africa/Tripoli"});
            libyaTime = new Date(libyaTime);


           document.getElementById("pak").innerHTML = "PAK  "+formatAMPM(pakTime);
           document.getElementById("ly").innerHTML = "LY  " +formatAMPM(libyaTime);

        },10000);

         function formatAMPM(date) {
            var hours = date.getHours();
            var minutes = date.getMinutes();
            var ampm = hours >= 12 ? 'pm' : 'am';
            hours = hours % 12;
            hours = hours ? hours : 12; // the hour '0' should be '12'
            minutes = minutes < 10 ? '0'+minutes : minutes;
            var strTime = hours + ':' + minutes + ' ' + ampm;
            return strTime;
        }


    });

ฉันไม่ทราบวิธีที่ง่ายในการแปลงวัตถุวันที่เป็นเขตเวลาใด ๆ แต่ถ้าคุณต้องการแปลงเป็นเขตเวลาท้องถิ่นคุณสามารถแปลงมันDate.prototype.getTime()เป็นจำนวนมิลลิวินาทีที่สอดคล้องกันและกลับมาอีกครั้ง

date = new Date('2016-05-24T13:07:20');
date = new Date(date.getTime());

ตัวอย่างเช่นdate.getHours()ตอนนี้จะกลับมา15แทน13ถ้าคุณเป็นเช่นฉันในออสเตรีย (และเป็นฤดูร้อน)

ฉันได้อ่านว่าฟังก์ชั่นวันที่และเวลาต่างๆอาจแสดงพฤติกรรมที่ไม่ได้มาตรฐานในบางเบราว์เซอร์ดังนั้นให้ทดสอบก่อน ฉันสามารถยืนยันได้ว่าทำงานได้ใน Chrome

การชดเชยเวลาสำหรับเขตเวลาปัจจุบันของคุณ

date +%s -d '1 Jan 1970'

สำหรับเขตเวลา GMT + 10 ของฉัน (ออสเตรเลีย) จะส่งคืน -36,000

เปลี่ยนชั่วโมงด้วยตนเองอย่างรวดเร็วและสกปรกและกลับมา:

return new Date(new Date().setHours(new Date().getHours()+3)).getHours()