Konversi tanggal ke zona waktu lain dalam JavaScript

Saya mencari fungsi untuk mengonversi tanggal dalam satu zona waktu ke zona waktu lain.

Perlu dua parameter,

• tanggal (dalam format "2012/04/10 10:10:30 +0000")
• string zona waktu ("Asia / Jakarta")

String zona waktu dijelaskan dalam http://en.wikipedia.org/wiki/Zone.tab

Apakah ada cara mudah untuk melakukan ini?

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

Untuk pengguna moment.js , Anda sekarang dapat menggunakan zona waktu-saat . Dengan menggunakannya, fungsi Anda akan terlihat seperti ini:

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

Dicuri tanpa malu-malu dari: 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();
}

fungsi ini berguna untuk menghitung nilai zona waktu dengan memberikan nama kota / negara dan nilai offset

Sebagian besar browser desktop (bukan seluler) kecuali Safari mendukung fungsi toLocaleString dengan argumen, browser lama biasanya mengabaikan argumen.

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

Oke, temukan!

Saya menggunakan timezone-js . ini kodenya:

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

Jika Anda tidak ingin mengimpor beberapa perpustakaan besar, Anda bisa menggunakan Intl.DateTimeFormat untuk mengonversi objek Date ke zona waktu yang berbeda.

// 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

Offset, daylight saving, dan perubahan di masa lalu akan diurus untuk Anda.

Mengerti !

Ingin memaksakan tanggal yang ditampilkan = tanggal server, tidak peduli pengaturan lokal (UTC).

Server saya adalah GMT-6 -> Date baru (). GetTimezoneOffset () = 360.

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

Anda dapat menggunakan metode toLocaleString () untuk mengatur zona waktu.

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

Untuk India Anda dapat menggunakan "India / Natal" dan berikut ini adalah berbagai zona waktu,

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

Jika Anda hanya perlu zona waktu convert Saya telah meng-upload versi dilucuti-down dari saat-zona dengan hanya functionallity minimal. Ini ~ 1KB + data:

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

Tetapkan variabel dengan tahun, bulan, dan hari yang dipisahkan dengan simbol '-', ditambah 'T' dan waktu dalam pola HH: mm: dd, diikuti oleh +01: 00 di akhir string (dalam kasus saya zona waktu +1). Kemudian gunakan string ini sebagai argumen untuk konstruktor tanggal.

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

var date = new Date(dateAndTime );

Saya harus mencatat bahwa saya dibatasi sehubungan dengan perpustakaan eksternal yang dapat saya gunakan. moment.js dan timezone-js BUKAN merupakan pilihan bagi saya.

Objek tanggal js yang saya miliki adalah dalam UTC. Saya perlu mendapatkan tanggal DAN waktu dari tanggal ini di zona waktu tertentu ('Amerika / Chicago' dalam kasus saya).

 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 saat ini 6 jam lebih awal dari 'Amerika / Chicago'. Output adalah:

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

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

Ini kode saya, ini berfungsi dengan baik, Anda dapat mencoba dengan memberikan demo di bawah ini:

$(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>

Anda dapat mencoba ini juga untuk mengubah zona waktu tanggal ke India:

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

Setelah melihat-lihat banyak termasuk tautan dari halaman ini saya menemukan artikel yang bagus ini, menggunakan zona waktu saat:

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

Untuk meringkasnya:

Dapatkan zona waktu pengguna

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

Pengembalian misalnya: Zona Waktu: Eropa / London

Tetapkan zona waktu pengguna default

moment.tz.setDefault(tz);

Tetapkan zona waktu khusus

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

Ubah tanggal / waktu menjadi zona waktu lokal, asumsikan tanggal / waktu asli dalam UTC

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

Pengembalian: Minggu, 25 Desember 2016, 7:00 pagi

Ubah tanggal / waktu menjadi LA Time

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

Pengembalian: Sabtu, 24 Desember 2016, 11:00 malam

Mengkonversi dari waktu LA ke London

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

Pengembalian: Minggu, 25 Desember 2016, 15:00

Anda juga dapat menggunakan https://www.npmjs.com/package/ctoc_timezone

Itu telah mendapat implementasi sederhana dan kustomisasi format.

Mengubah format di toTimeZone:

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

Output:

28th Feb 2013 19:00:00 EST

Anda dapat menjelajahi berbagai fungsi dalam dokumen.

ada modul npm bernama 'timezones.json' yang dapat Anda gunakan untuk ini; pada dasarnya terdiri dari file json dengan objek yang berisi informasi tentang penghematan siang hari dan offset, ....

untuk asia / jakarta akan dapat mengembalikan objek ini:

{
  "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"
  ]
}

Anda dapat menemukannya di sini:

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

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

semoga bermanfaat

Orang yang akrab dengan java.timepaket java 8 , atau joda-timemungkin akan menyukai anak baru di blok: perpustakaan js-joda .

Install

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

Contoh

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

Di alam java yang sebenarnya, itu cukup verbose lol. Tapi, menjadi perpustakaan java porting, terutama mengingat mereka porting kasus uji 1800, mereka juga mungkin bekerja dengan sangat akurat.

Manipulasi chrono sulit. Itu sebabnya banyak perpustakaan lainnya bermasalah dalam kasus tepi. Moment.js tampaknya mendapatkan zona waktu yang tepat, tetapi ls lainnya yang saya lihat, termasuk timezone-js, tampaknya tidak dapat dipercaya.

Saya baru-baru ini melakukan ini dalam naskah:

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

Saya Menggunakan format "en-UK" karena formatnya sederhana. Bisa jadi "en-US" atau apa pun yang berhasil.

Jika argumen pertama adalah zona waktu lokal Anda dan yang kedua adalah zona waktu target Anda, ia mengembalikan objek Tanggal dengan offset yang benar.

Saya mengalami masalah menggunakan Moment Timezone . Saya menambahkan jawaban ini hanya jika ada orang lain yang menghadapi masalah yang sama. Jadi saya punya string tanggal yang 2018-06-14 13:51:00berasal dari API. Saya tahu ini disimpan diUTC tetapi string tidak berbicara sendiri.

Saya beri tahu zona waktu saat ini, dari zona mana tanggal ini berasal dengan melakukan:

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

Sekarang saya ingin mengubahnya menjadi zona waktu tertentu dengan melakukan:

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.

Cukup atur zona waktu negara keinginan Anda dan Anda dapat dengan mudah menampilkannya dalam pembaruan html menggunakan fungsi SetInteval () setelah setiap satu menit. function formatAMPM () mengelola format 12 jam dan tampilan waktu 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;
        }


    });

Saya tidak tahu metode mudah untuk mengonversi objek tanggal ke zona waktu mana pun, tetapi jika Anda ingin mengubahnya menjadi zona waktu lokal, Anda bisa mengonversinya dengan Date.prototype.getTime()jumlah milidetik yang sesuai, dan kembali lagi.

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

Misalnya, date.getHours()sekarang akan kembali, 15bukan 13jika Anda, seperti saya, di Austria (dan ini musim panas).

Saya telah membaca bahwa berbagai fungsi datetime dapat menunjukkan perilaku non-standar di beberapa browser, jadi uji ini terlebih dahulu. Saya dapat mengonfirmasi bahwa itu berfungsi di Chrome.

Offset Zona Waktu untuk zona waktu Anda saat ini

date +%s -d '1 Jan 1970'

Untuk zona waktu GMT + 10 (Australia) saya mengembalikan -36000

pengubah jam manual cepat dan kotor dan kembali:

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