Chuyển đổi ngày thành múi giờ khác trong JavaScript

Tôi đang tìm kiếm một chức năng để chuyển đổi ngày trong múi giờ này sang múi giờ khác.

Nó cần hai tham số,

• ngày (ở định dạng "2012/04/10 10:10:30 +0000")
• chuỗi múi giờ ("Châu Á / Jakarta")

Chuỗi múi giờ được mô tả trong http://en.wikipedia.org/wiki/Zone.tab

Có cách nào làm dễ hơn không?

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

Đối với người dùng Moment.js , giờ đây bạn có thể sử dụng múi giờ . Sử dụng nó, chức năng của bạn sẽ trông giống như thế này:

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

Bị đánh cắp không biết xấu hổ từ: 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();
}

hàm này rất hữu ích để tính giá trị múi giờ bằng cách cung cấp tên của thành phố / quốc gia và giá trị bù

Hầu hết các trình duyệt trên máy tính để bàn (không phải thiết bị di động) ngoại trừ Safari đều hỗ trợ chức năng toLocaleString với các đối số, các trình duyệt cũ hơn thường bỏ qua các đối số.

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

Được rồi, tìm thấy nó!

Tôi đang sử dụng múi giờ-js . đây là mã

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

Nếu bạn không muốn nhập một số thư viện lớn, bạn có thể sử dụng Intl.DateTimeFormat để chuyển đổi các đối tượng Date thành các múi giờ khác nhau.

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

Offsets, tiết kiệm ánh sáng ban ngày và thay đổi trong quá khứ sẽ được chăm sóc cho bạn.

Hiểu rồi !

Muốn buộc ngày hiển thị = ngày máy chủ, không làm mờ cài đặt cục bộ (UTC).

Máy chủ của tôi là GMT-6 -> Ngày mới (). GetTimezone Offerset () = 360.

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

Bạn có thể sử dụng phương thức toLocaleString () để đặt múi giờ.

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

Đối với Ấn Độ, bạn có thể sử dụng "Ấn Độ / Giáng sinh" và sau đây là các múi giờ khác nhau,

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

Nếu bạn chỉ cần chuyển đổi các múi giờ, tôi đã tải lên một phiên bản rút gọn của múi giờ thời gian chỉ với chức năng tối thiểu trần. Dữ liệu ~ 1KB + của nó:

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 một biến với năm, tháng và ngày được phân tách bằng các ký hiệu '-', cộng với mẫu 'T' và thời gian theo mẫu HH: mm: ss, theo sau là +01: 00 ở cuối chuỗi (trong trường hợp của tôi là múi giờ là +1). Sau đó sử dụng chuỗi này làm đối số cho hàm tạo ngày.

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

var date = new Date(dateAndTime );

Tôi nên lưu ý rằng tôi bị hạn chế đối với các thư viện bên ngoài mà tôi có thể sử dụng. Moment.js và timezone-js KHÔNG phải là một lựa chọn cho tôi.

Đối tượng ngày js mà tôi có trong UTC. Tôi cần lấy ngày VÀ thời gian kể từ ngày này theo múi giờ cụ thể ('America / Chicago' trong trường hợp của tôi).

 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 hiện đang đi trước 6 giờ so với 'America / Chicago'. Đầu ra là:

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

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

Đây là mã của tôi, nó đang hoạt động hoàn hảo, bạn có thể thử với bản demo bên dưới:

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

Bạn cũng có thể thử điều này để chuyển đổi múi giờ ngày sang Ấn Độ:

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

Đã xem xung quanh rất nhiều bao gồm các liên kết từ trang này, tôi tìm thấy bài viết tuyệt vời này, sử dụng múi giờ thời gian:

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

Để tóm tắt nó:

Nhận múi giờ của người dùng

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

Trả về, ví dụ: Múi giờ: Châu Âu / Luân Đôn

Đặt múi giờ người dùng mặc định

moment.tz.setDefault(tz);

Đặt múi giờ tùy chỉnh

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

Chuyển đổi ngày / giờ thành múi giờ địa phương, giả sử ngày / giờ ban đầu là trong UTC

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

Trả về: CN, ngày 25 tháng 12 năm 2016, 7:00 sáng

Chuyển đổi ngày / giờ thành LA Time

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

Trả về: Thứ bảy, ngày 24 tháng 12 năm 2016, 11:00 tối

Chuyển đổi từ LA giờ sang Luân Đôn

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

Trả về: CN, ngày 25 tháng 12 năm 2016, 3:00 chiều

Bạn cũng có thể sử dụng https://www.npmjs.com/package/ctoc_timezone

Nó đã có nhiều thực hiện đơn giản và tùy chỉnh định dạng.

Thay đổi định dạng trong toTimeZone:

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

Đầu ra:

28th Feb 2013 19:00:00 EST

Bạn có thể khám phá nhiều chức năng trong tài liệu.

có một mô-đun npm được gọi là 'timezones.json' bạn có thể sử dụng cho việc này; về cơ bản nó bao gồm một tệp json với các đối tượng chứa thông tin về tiết kiệm ánh sáng ban ngày và bù đắp, ....

đối với Châu Á / jakarta, nó có thể trả về đối tượng này:

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

bạn có thể tìm thấy nó ở đây:

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

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

hy vọng nó hữu ích

Những người quen thuộc với java.timegói java 8 , hoặc joda-timecó thể sẽ yêu thích đứa trẻ mới trên khối: thư viện js-joda .

Tải về

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

Thí dụ

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

Trong bản chất java thực sự, nó khá dài dòng lol. Nhưng, là một thư viện java được chuyển, đặc biệt là xem xét họ đã chuyển các trường hợp thử nghiệm 1800'ish, nó cũng có thể hoạt động chính xác tuyệt vời.

Thao tác Chrono là khó. Đó là lý do tại sao nhiều thư viện khác bị lỗi trong các trường hợp cạnh. Moment.js dường như có được múi giờ đúng, nhưng các js khác tôi đã thấy, bao gồm timezone-js, có vẻ không đáng tin.

Gần đây tôi đã làm điều này trong Bản in:

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

Tôi sử dụng định dạng "en-UK" vì nó đơn giản. Có thể là "en-US" hoặc bất cứ điều gì hoạt động.

Nếu đối số đầu tiên là múi giờ địa phương của bạn và seconde là múi giờ mục tiêu của bạn, nó sẽ trả về một đối tượng Date với độ lệch chính xác.

Tôi đã gặp sự cố khi sử dụng Moment Timezone . Tôi đang thêm câu trả lời này chỉ để nếu người khác đối mặt với cùng một vấn đề. Vì vậy, tôi có một chuỗi ngày 2018-06-14 13:51:00đến từ của tôi API. Tôi biết rằng cái này được lưu trữ trongUTC nhưng chuỗi không nói cho chính nó.

Tôi cho múi giờ biết, múi giờ này là từ ngày nào:

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

Bây giờ tôi muốn chuyển đổi nó thành múi giờ cụ thể bằng cách thực hiện:

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.

Chỉ cần đặt múi giờ quốc gia mong muốn của bạn và Bạn có thể dễ dàng hiển thị trong html mà nó cập nhật bằng hàm SetInteval () sau mỗi một phút. chức năng định dạngAMPM () quản lý định dạng 12 giờ và hiển thị thời gian 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;
        }


    });

Tôi không biết một phương pháp dễ dàng để chuyển đổi một đối tượng ngày thành bất kỳ múi giờ nào, nhưng nếu bạn muốn chuyển đổi nó thành múi giờ địa phương, bạn có thể chuyển đổi nó Date.prototype.getTime()thành số mili giây tương ứng và quay lại.

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

Ví dụ, date.getHours()bây giờ sẽ trở lại 15thay vì 13nếu bạn, như tôi, ở Áo (và đó là mùa hè).

Tôi đã đọc rằng các hàm datetime khác nhau có thể thể hiện hành vi không chuẩn trong một số trình duyệt, vì vậy hãy kiểm tra điều này trước. Tôi có thể xác nhận rằng nó hoạt động trong Chrome.

Offset múi giờ cho múi giờ hiện tại của bạn

date +%s -d '1 Jan 1970'

Đối với GMT + 10 múi giờ (Úc) của tôi, nó đã trả về -36000

Một cách tiếp cận có thể tính toán Offset cho Timezone mới tại thời điểm cụ thể.

Không chính xác giải pháp trực tiếp cho câu hỏi này, nhưng trong trường hợp sử dụng của tôi, tôi cần làm toán với thời gian kết quả không thể thực hiện được với đầu ra Chuỗi. Tôi sẽ chỉ để lại chức năng ở đây cho mọi người.

Đây chỉ là logic cốt lõi hoạt động trong Node và các trình duyệt hiện đại chính.

function getTimezoneOffset(unixtime, timezone){

  // Convert Unix Time to Data Object
  var date = new Date(unixtime * 1000);


  // Define Options for Formatter
  var options = {
    year: 'numeric', month: 'long', day: '2-digit',
    hour: '2-digit', minute: '2-digit', second: '2-digit',
    timeZone: timezone
  };

  // Get Date in New Timezone
  var new_date_string = Intl.DateTimeFormat(void 0, options).format(date); // Output: May 15, 2020, 02:40:12 AM


  // New Time in Seconds with Error-Fix for Date Conversion
  var time_with_fix = (
    ( new Date(new_date_string) ).getTime() / 1000 - // Convert Date into Seconds (In Local Timezone)
    ( new Date().getTimezoneOffset() * 60 ) // Local Timezone Offset in Seconds
  );


  // Return Timezone Offset
  return ( time_with_fix - unixtime ); // Return Offset in Seconds

};


///////////////////////////TEST/////////////////////////////////
var current_time = Math.floor( new Date().getTime()/1000 ); 
console.log(
  "getTimezoneOffset(current_time, 'America/New_York'):",
  getTimezoneOffset(current_time, 'America/New_York')/3600
);
console.log(
  "getTimezoneOffset(current_time, 'Australia/Sydney'):",
  getTimezoneOffset(current_time, 'Australia/Sydney')/3600
);

thay đổi giờ thủ công nhanh chóng và bẩn thỉu và trở về:

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