Bagaimana Anda mengonversi tanggal JavaScript ke UTC?

Misalkan pengguna situs web Anda memasuki rentang tanggal.

2009-1-1 to 2009-1-3

Anda perlu mengirim tanggal ini ke server untuk diproses, tetapi server mengharapkan semua tanggal dan waktu berada di UTC.

Sekarang anggaplah pengguna berada di Alaska atau Hawaii atau Fiji. Karena mereka berada di zona waktu yang sangat berbeda dari UTC, rentang tanggal perlu dikonversi menjadi sesuatu seperti ini:

2009-1-1T8:00:00 to 2009-1-4T7:59:59

Menggunakan objek Tanggal JavaScript, bagaimana Anda mengonversi rentang tanggal "terlokalisasi" pertama menjadi sesuatu yang akan dipahami server?

The toISOString()method mengembalikan string di disederhanakan diperpanjang format ISO ( ISO 8601 ), yang selalu 24 atau 27 karakter ( YYYY-MM-DDTHH:mm:ss.sssZatau ±YYYYYY-MM-DDTHH:mm:ss.sssZ, masing-masing). Zona waktu selalu nol diimbangi UTC, seperti yang ditunjukkan oleh akhiran " Z".

Sumber: dokumen web MDN

Format yang Anda butuhkan dibuat dengan .toISOString()metode ini. Untuk browser lama (ie8 dan di bawah), yang tidak mendukung metode ini, shim dapat ditemukan di sini :

Ini akan memberi Anda kemampuan untuk melakukan apa yang Anda butuhkan:

var isoDate = new Date('yourdatehere').toISOString();

Untuk kerja Timezone, time.js dan moment.js timezone adalah alat yang sangat berharga ... terutama untuk menavigasi zona waktu antara klien dan javascript server.

Sederhana dan bodoh

var date = new Date(); 
var now_utc =  Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),
 date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());

 return new Date(now_utc);

Inilah metode saya:

var now = new Date();
var utc = new Date(now.getTime() + now.getTimezoneOffset() * 60000);

utcObjek yang dihasilkan sebenarnya bukan tanggal UTC, tetapi tanggal lokal bergeser untuk mencocokkan waktu UTC (lihat komentar). Namun, dalam praktiknya ia berhasil.

Date.prototype.toUTCArray= function(){
    var D= this;
    return [D.getUTCFullYear(), D.getUTCMonth(), D.getUTCDate(), D.getUTCHours(),
    D.getUTCMinutes(), D.getUTCSeconds()];
}

Date.prototype.toISO= function(){
    var tem, A= this.toUTCArray(), i= 0;
    A[1]+= 1;
    while(i++<7){
        tem= A[i];
        if(tem<10) A[i]= '0'+tem;
    }
    return A.splice(0, 3).join('-')+'T'+A.join(':');    
}

Konversikan ke ISO tanpa mengubah tanggal / waktu

var now = new Date(); // Fri Feb 20 2015 19:29:31 GMT+0530 (India Standard Time) 
var isoDate = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString();
//OUTPUT : 2015-02-20T19:29:31.238Z

Konversikan ke ISO dengan perubahan tanggal / waktu (tanggal / waktu akan berubah)

isoDate = new Date(now).toISOString();
//OUTPUT : 2015-02-20T13:59:31.238Z 

Tautan biola

Browser mungkin berbeda, dan Anda juga harus ingat untuk tidak mempercayai info apa pun yang dihasilkan oleh klien, karena dikatakan, pernyataan di bawah ini berfungsi untuk saya (Google Chrome v24 pada Mac OS X 10.8.2)

var utcDate = new Date(new Date().getTime());

sunting: "Apa bedanya dengan adil new Date()?" lihat di sini: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

• Jika tidak ada argumen yang diberikan, konstruktor membuat objek Tanggal JavaScript untuk tanggal dan waktu saat ini sesuai dengan pengaturan sistem.
• Catatan: Di mana Date disebut sebagai konstruktor dengan lebih dari satu argumen, argumen tertentu mewakili waktu lokal. Jika UTC diinginkan, gunakan Date baru ( Date.UTC (...) ) dengan argumen yang sama. (catatan: Date.UTC () mengembalikan jumlah milidetik sejak 1970-01-01 00:00:00 UTC)

Menambahkan 60000 * Date.getTimezoneOffset () seperti jawaban sebelumnya nyatakan tidak benar. Pertama, Anda harus menganggap semua Tanggal / Waktu sebagai UTC dengan pengubah zona waktu untuk tujuan tampilan.

Sekali lagi, browser mungkin berbeda, namun Date.getTime () mengembalikan jumlah milidetik sejak 1970-01-01 UTC / GMT. Jika Anda membuat Tanggal baru menggunakan nomor ini seperti yang saya lakukan di atas, itu akan menjadi UTC / GMT. Namun, jika Anda menampilkannya dengan memanggil .toString () itu akan muncul di zona waktu lokal Anda karena .toString () menggunakan zona waktu lokal Anda, bukan zona waktu objek Tanggal itu dipanggil.

Saya juga menemukan bahwa jika Anda memanggil .getTimezoneOffset () pada tanggal, itu akan mengembalikan zona waktu lokal Anda, bukan zona waktu objek tanggal yang Anda panggil (namun saya tidak dapat memverifikasi ini sebagai standar).

Di browser saya, menambahkan 60000 * Date.getTimezoneOffset () membuat DateTime yang bukan UTC . Namun ketika ditampilkan dalam browser saya (mis: .toString ()), ini menampilkan DateTime di zona waktu lokal saya yang akan menjadi waktu UTC yang benar jika info zona waktu diabaikan.

var myDate = new Date(); // Set this to your date in whichever timezone.
var utcDate = myDate.toUTCString();

Solusi lain untuk mengonversi ke UTC dan menjadikannya sebagai objek tanggal: (Ini berfungsi dengan menghapus bagian 'GMT' dari akhir string yang diformat, lalu memasukkannya kembali ke konstruktor Tanggal)

var now = new Date();
var now_utc = new Date(now.toUTCString().slice(0, -4));

Saya perlu melakukan ini untuk berinteraksi dengan perpustakaan pemilih datetime. Tetapi secara umum itu ide yang buruk untuk bekerja dengan kencan dengan cara ini.

Pengguna umumnya ingin bekerja dengan waktu data dalam waktu lokal mereka, jadi Anda memperbarui kode sisi server untuk mengurai string datetime dengan offset dengan benar, lalu mengonversi ke UTC (opsi terbaik) atau Anda mengonversi ke sisi klien string UTC sebelum mengirim ke server (seperti dalam jawaban Will Stern)

Apakah Anda mencoba mengubah tanggal menjadi string seperti itu?

Saya akan membuat fungsi untuk melakukan itu, dan, meskipun sedikit kontroversial, tambahkan ke prototipe Date. Jika Anda tidak nyaman melakukan itu, maka Anda dapat menempatkannya sebagai fungsi mandiri, melewati tanggal sebagai parameter.

Date.prototype.getISOString = function() {
    var zone = '', temp = -this.getTimezoneOffset() / 60 * 100;
    if (temp >= 0) zone += "+";
    zone += (Math.abs(temp) < 100 ? "00" : (Math.abs(temp) < 1000 ? "0" : "")) + temp;

    // "2009-6-4T14:7:32+10:00"
    return this.getFullYear()   // 2009
         + "-"
         + (this.getMonth() + 1) // 6
         + "-"
         + this.getDate()       // 4
         + "T"
         + this.getHours()      // 14
         + ":"
         + this.getMinutes()    // 7
         + ":"
         + this.getSeconds()    // 32
         + zone.substr(0, 3)    // +10
         + ":"
         + String(temp).substr(-2) // 00
    ;
};

Jika Anda membutuhkannya dalam waktu UTC, ganti saja semua fungsi get * dengan getUTC *, mis: getUTCFullYear, getUTCMonth, getUTCHours ... lalu tambahkan "+00: 00" di akhir alih-alih offset zona waktu pengguna.

date = '2012-07-28'; stringdate = new Date(date).toISOString();

seharusnya bekerja di sebagian besar browser yang lebih baru. kembali 2012-07-28T00:00:00.000Zpada Firefox 6.0

Rekomendasi saya ketika bekerja dengan tanggal adalah mengurai tanggal ke dalam masing-masing bidang dari input pengguna. Anda dapat menggunakannya sebagai string penuh, tetapi Anda bermain dengan api.

JavaScript dapat memperlakukan dua tanggal yang sama dalam format yang berbeda secara berbeda.

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

Jangan pernah melakukan hal seperti:

new Date('date as text');

Setelah tanggal Anda diuraikan ke dalam masing-masing bidang dari input pengguna, buat objek tanggal. Setelah objek tanggal dibuat, konversikan ke UTC dengan menambahkan offset zona waktu. Saya tidak bisa menekankan betapa pentingnya menggunakan offset dari objek tanggal karena DST (itu adalah diskusi lain namun untuk menunjukkan alasannya).

var year = getFullYear('date as text');
var month = getMonth('date as text');
var dayOfMonth = getDate('date as text');

var date = new Date(year, month, dayOfMonth);

var offsetInMs = ((date.getTimezoneOffset() * 60)  // Seconds
                 * 1000);                          //  Milliseconds

var utcDate = new Date(date.getTime + offsetInMs);

Sekarang Anda dapat mengirimkan tanggal ke server dalam waktu UTC. Sekali lagi saya akan sangat menyarankan agar tidak menggunakan string tanggal. Entah meneruskannya ke server dipecah menjadi granularity terendah yang Anda butuhkan misalnya tahun, bulan, hari, menit atau sebagai nilai seperti milidetik dari zaman unix.

Jika Anda sering berurusan dengan kencan, ada baiknya menggunakan moment.js ( http://momentjs.com ). Metode untuk mengkonversi ke UTC adalah:

moment(yourTime).utc()

Anda dapat menggunakan format untuk mengubah tanggal Anda ke format apa pun yang Anda inginkan:

moment(yourTime).utc().format("YYYY-MM-DD")

Ada opsi offset pada saat itu juga tetapi ada perpustakaan pelengkap tambahan untuk berurusan dengan zona waktu ( http://momentjs.com/timezone/ ). Konversi waktu akan sesederhana ini:

moment.tz(yourUTCTime, "America/New_York")

Solusi saya menjaga tanggal tetap sama, apa pun zona waktu yang ditetapkan di sisi klien. Mungkin seseorang akan merasakan manfaatnya.

Kasus penggunaan saya:

Saya membuat aplikasi todo, tempat Anda mengatur tanggal tugas Anda. Tanggal ini harus tetap konstan, tidak peduli apa zona waktu Anda.

Contoh. Anda ingin menelepon teman Anda pada jam 8 pagi pada tanggal 25 Juni.

Anda membuat tugas ini 5 hari sebelum (20 Juni) saat Anda berada di Cina.

Kemudian, pada hari yang sama, Anda terbang ke New York selama beberapa hari.

Kemudian pada tanggal 25 Juni, ketika Anda masih di New York, Anda bangun jam 7:30 pagi (yang berarti Anda harus menerima notifikasi tugas dalam 30 menit (bahkan jam 1:30 siang sudah di China di mana Anda berada saat membuat tugas)

Jadi tugasnya mengabaikan zona waktu. Itu berarti 'Saya ingin melakukannya pada jam 8 pagi di zona waktu apa pun yang akan saya tempati'.

Yang saya lakukan adalah katakanlah 'Saya berasumsi Anda selalu berada di London Timezone - UTC'.

Artinya adalah - ketika pengguna memilih tanggal di Zona Waktu - saya mengonversi tanggal ini ke tanggal yang sama di UTC. yaitu. Anda memilih 8 pagi di Cina, tetapi saya mengubahnya menjadi 8 pagi dalam UTC.

Kemudian - lain kali Anda membuka aplikasi - Saya membaca tanggal yang disimpan dalam UTC dan mengubahnya ke tanggal yang sama di zona waktu Anda saat ini - mis. Saya mengonversi 8 pagi dalam UTC ke 8 pagi di zona waktu New York.

Solusi ini berarti bahwa tanggal tersebut dapat berarti sesuatu yang lain bergantung pada di mana Anda berada saat mengaturnya dan di mana Anda membacanya, tetapi itu tetap konstan dengan cara yang 'terasa' seperti Anda selalu berada di zona waktu yang sama.

Mari kita menulis beberapa kode:

Pertama - kami memiliki 2 fungsi utama untuk mengkonversi dari / ke UTC mengabaikan zona waktu:

export function convertLocalDateToUTCIgnoringTimezone(date: Date) {
  const timestamp = Date.UTC(
    date.getFullYear(),
    date.getMonth(),
    date.getDate(),
    date.getHours(),
    date.getMinutes(),
    date.getSeconds(),
    date.getMilliseconds(),
  );

  return new Date(timestamp);
}

export function convertUTCToLocalDateIgnoringTimezone(utcDate: Date) {
  return new Date(
    utcDate.getUTCFullYear(),
    utcDate.getUTCMonth(),
    utcDate.getUTCDate(),
    utcDate.getUTCHours(),
    utcDate.getUTCMinutes(),
    utcDate.getUTCSeconds(),
    utcDate.getUTCMilliseconds(),
  );
}

Kemudian, saya menyimpan / membaca tanggal ini seperti:

function saveTaskDate(localDate: Date) {
  // I convert your local calendar date so it looks like you've picked it being in UTC somewhere around London
  const utcDate = convertLocalDateToUTCIgnoringTimezone(localDate);
  api.saveTaskDate(utcDate);
}

function readTaskDate(taskUtcDate: Date) {
  // I convert this UTC date to 'look in your local timezone' as if you were now in UTC somewhere around london
  const localDateWithSameDayAsUTC = convertUTCToLocalDateIgnoringTimezone(taskUtcDate);

  // this date will have the same calendar day as the one you've picked previously
  // no matter where you were saving it and where you are now
}

Saya baru saja menemukan bahwa versi 1.2.3 dari date.format.js Steven Levithan melakukan apa yang saya inginkan. Ini memungkinkan Anda untuk menyediakan string format untuk tanggal JavaScript dan akan dikonversi dari waktu setempat ke UTC. Berikut kode yang saya gunakan sekarang:

// JavaScript dates don't like hyphens!    
var rectifiedDateText = dateText.replace(/-/g, "/");
var d = new Date(rectifiedDateText);

// Using a predefined mask from date.format.js.
var convertedDate = dateFormat(d, 'isoUtcDateTime'); 

Saya telah menemukan tanggal Plugin jQuery Globalization Plugin bekerja dengan baik. Metode lain memiliki masalah lintas-browser dan hal-hal seperti date.js belum diperbarui dalam waktu yang cukup lama.

Anda juga tidak memerlukan datePicker di halaman tersebut. Anda bisa memanggil sesuatu yang mirip dengan contoh yang diberikan dalam dokumen:

$.parseDate('yy-mm-dd', '2007-01-26');

Fungsi ini bekerja dengan baik untuk saya.

function ParseDateForSave(dateValue) {
    // create a new date object
    var newDate = new Date(parseInt(dateValue.substr(6)));

    // return the UTC version of the date
    return newDate.toISOString();
}

Menggunakan metode UTC moment.js ;

const moment = require('moment');
const utc = moment.utc(new Date(string));

var userdate = new Date("2009-1-1T8:00:00Z");
var timezone = userdate.getTimezoneOffset();
var serverdate = new Date(userdate.setMinutes(userdate.getMinutes()+parseInt(timezone)));

Ini akan memberi Anda Tanggal dan Waktu UTC yang tepat.
Itu karena getTimezoneOffset()akan memberi Anda perbedaan zona waktu dalam beberapa menit. Saya sarankan Anda untuk tidak menggunakan toISOString()karena output akan berada di string Karena itu di masa depan Anda tidak akan dapat memanipulasi tanggal

Inilah yang telah saya lakukan di masa lalu:

var utcDateString = new Date(new Date().toUTCString()).toISOString();

Jika Anda membutuhkan Objek Tanggal

Hanya melewati string tanggal Tanggal mengasumsikan waktu 00:00 digeser berdasarkan zona waktu:

new Date('2019-03-11')
Sun Mar 10 2019 18:00:00 GMT-0600 (Central Standard Time)

Jika Anda menambahkan jam dan menit saat ini Anda mendapatkan tanggal yang tepat:

new Date('2019-03-11 ' + new Date().getHours() + ':' + new Date().getMinutes())
Mon Mar 11 2019 04:36:00 GMT-0600 (Central Standard Time)

Melihat pertanyaan Anda, jelas bahwa Anda hanya ingin mengirim rentang tanggal ke backend Anda untuk diproses lebih lanjut.

Saya berasumsi bahwa Anda mematuhi pedoman data standar yang mengharapkan data dalam format tertentu. Misalnya, saya menggunakan ODATA yang merupakan RESTfull API yang mengharapkan objek waktu tanggal dalam format: -

YYYY-MM-DDT00: 00: 00.

Itu dapat dengan mudah dicapai melalui cuplikan yang diposting di bawah ini (Silakan ubah format sesuai kebutuhan Anda).

var mydate;//assuming this is my date object which I want to expose var UTCDateStr = mydate.getUTCFullYear() + "-" + mydate.getUTCMonth() + "-" + mydate.getUTCDate() + "T00:00:00";

Jika di sisi lain, Anda berada dalam situasi saya di mana Anda telah menerima tanggal dari backend Anda, dan browser mengubahnya menjadi tanggal lokal Anda. Anda sebaliknya tertarik pada tanggal UTC maka Anda dapat melakukan hal-hal berikut: -

var mydate;//assuming this is my date object which I want to expose var UTCDate = new Date(mydate);/*create a copy of your date object. Only needed if you for some reason need the original local date*/ UTCDate.setTime(UTCDate.getTime() + UTCDate.getTimezoneOffset() * 60 * 1000);

Cuplikan kode di atas pada dasarnya menambah / mengurangi waktu yang ditambahkan / dikurangi oleh browser berdasarkan zona waktu.

Sebagai contoh jika saya dalam EST (GMT-5) dan Layanan saya mengembalikan objek waktu tanggal = Rabu 17 Agustus 2016 00:00:00 GMT-0500 browser saya secara otomatis mengurangi offset zona waktu (5 jam) untuk mendapatkan waktu lokal saya. Jadi jika saya mencoba untuk mengambil waktu saya dapatkan Rabu 16 Agustus 2016 19:00:00 GMT-0500. Ini menyebabkan banyak masalah. Ada banyak perpustakaan di luar sana yang pasti akan membuat ini lebih mudah tetapi saya ingin berbagi pendekatan JS murni.

Untuk info lebih lanjut silakan lihat di: http://praveenlobo.com/blog/how-to-convert-javascript-local-date-to-utc-and-utc-to-local-date/ di mana saya dapat inspirasi.

Semoga ini membantu!

Metode ini akan memberi Anda: 2017-08-04T11:15:00.000+04:30dan Anda dapat mengabaikan variabel zona untuk mendapatkan 2017-08-04T11:15:00.000.

function getLocalIsoDateTime(dtString) {
    if(dtString == "")
        return "";
    var offset = new Date().getTimezoneOffset();
    var localISOTime = (new Date(new Date(dtString) - offset * 60000 /*offset in milliseconds*/)).toISOString().slice(0,-1);
    //Next two lines can be removed if zone isn't needed.
    var absO = Math.abs(offset);
    var zone = (offset < 0 ? "+" : "-") + ("00" + Math.floor(absO / 60)).slice(-2) + ":" + ("00" + (absO % 60)).slice(-2);
    return localISOTime + zone;
}

Menggunakan paket momen, Anda dapat dengan mudah mengkonversi string tanggal UTC ke objek Tanggal baru:

const moment = require('moment');
let b = new Date(moment.utc('2014-02-20 00:00:00.000000'));
let utc = b.toUTCString();
b.getTime();

Ini secara khusus membantu ketika server Anda tidak mendukung zona waktu dan Anda ingin menyimpan tanggal UTC selalu di server dan mendapatkannya kembali sebagai objek Date yang baru. Kode di atas berfungsi untuk kebutuhan saya terhadap masalah yang serupa dengan utas ini. Berbagi di sini sehingga dapat membantu orang lain. Saya tidak melihat solusi tepat di atas dalam jawaban apa pun. Terima kasih.

const event = Tanggal baru ();

console.log (event.toUTCString ());

Saya tahu pertanyaan ini sudah lama, tetapi sedang melihat masalah yang sama, dan salah satu opsi adalah mengirim date.valueOf () ke server sebagai gantinya. fungsi valueOf () dari Tanggal javascript mengirimkan jumlah milidetik sejak tengah malam 1 Januari 1970 UTC.

Nilai dari()

Jadi ini adalah cara saya harus melakukannya karena saya masih ingin objek tanggal JavaScript untuk memanipulasi sebagai tanggal dan sayangnya banyak dari jawaban ini mengharuskan Anda untuk pergi ke string.

//First i had a string called stringDateVar that i needed to convert to Date
var newDate = new Date(stringDateVar)

//output: 2019-01-07T04:00:00.000Z
//I needed it 2019-01-07T00:00:00.000Z because i had other logic that was dependent on that 

var correctDate = new Date(newDate.setUTCHours(0))

//This will output 2019-01-07T00:00:00.000Z on everything which allows scalability 

benang tambahkan momen

import moment from 'moment';

//local Js date to UTC using moment
const utcDate = moment.utc(moment(new date()).format('YYYY-MM-DDTHH:mm:ss')).valueOf();
console.log('UTC Date', utcDate);


// UTC to local date without moment
const localDate = convertUTCDateToLocalDate(new Date(utcDate))
console.log('UTC Date', moment(localDate).format('MMM D, YYYY HH:mm'));


function convertUTCDateToLocalDate(date) {

   let newDate = new Date(date.getTime() + date.getTimezoneOffset()*60*1000);

   const offset = date.getTimezoneOffset() / 60;
   const hours = date.getHours();

   newDate.setHours(hours - offset);

   return newDate;

}

Lebih sederhana

myvar.setTime(myvar.getTime() + myvar.getTimezoneOffset() * 60000);