Cara mendapatkan waktu lokal di javascript

Saat Anda mengembangkan aplikasi web, Anda mungkin perlu menyertakan tanggal saat ini di mana operasi tertentu dilakukan

Misalnya, saat mengirimkan data melalui formulir, Anda mungkin ingin menyertakan tanggal pembuatan data atau kapan formulir dikirimkan

Pada artikel ini, kita akan mempelajari cara mudah mendapatkan tanggal saat ini (today's date) dengan JavaScript dari awal. Kita juga akan belajar bagaimana melakukan ini dengan library eksternal seperti Moment. js, perpustakaan tanggal JavaScript yang populer

Sekadar catatan – secara umum, tidak disarankan menggunakan pustaka eksternal untuk operasi seperti ini. Namun jika Anda sudah memiliki pustaka yang terinstal di proyek Anda atau Anda menggunakannya untuk operasi lain di aplikasi Anda, Anda bisa menggunakannya

Inilah Scrim Interaktif tentang Cara Mendapatkan Tanggal Saat Ini di JavaScript

Cara Mendapatkan Tanggal Saat Ini di JavaScript

Dalam JavaScript, kita dapat dengan mudah mendapatkan tanggal atau waktu saat ini dengan menggunakan objek new Date(). Secara default, ini menggunakan zona waktu browser kami dan menampilkan tanggal sebagai string teks lengkap, seperti "Fri Jun 17 2022 10. 54. 59 GMT+0100 (British Summer Time)" yang berisi tanggal, waktu, dan zona waktu saat ini

const date = new Date();
console.log(date); // Fri Jun 17 2022 11:27:28 GMT+0100 (British Summer Time)

Mari kita lihat bagaimana kita hanya mengekstrak tanggal dari string panjang ini. Kami akan membuatnya lebih mudah dibaca dan dipahami oleh pengguna dengan menggunakan beberapa metode JavaScript yang beroperasi pada objek tanggal

Cara Menggunakan Metode Tanggal JavaScript

Objek tanggal mendukung banyak metode tanggal, tetapi untuk artikel ini, kita hanya memerlukan tanggal saat ini dan hanya akan menggunakan tiga metode

• getFullYear() – kami akan menggunakan metode ini untuk mendapatkan tahun sebagai angka empat digit (yyyy), misalnya 2022
• getMonth()_ – Ini mendapatkan bulan sebagai angka (0-11), misalnya 2 untuk Maret karena ini adalah indeks berbasis nol (artinya dimulai dari 0)

• const date = new Date();
  
  let day = date.getDate();
  let month = date.getMonth() + 1;
  let year = date.getFullYear();
  
  // This arrangement can be altered based on how we want the date's format to appear.
  let currentDate = `${day}-${month}-${year}`;
  console.log(currentDate); // "17-6-2022"

  _0 – mendapatkan hari sebagai angka (1-31)

Sekarang mari kita gabungkan semua ini berdasarkan format yang kita inginkan untuk menampilkan tanggal kita

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

Catatan. Kami menambahkan satu ke nilai

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

Cara Menggunakan Metode toJSON()

Kami baru saja melihat cara mendapatkan tanggal saat ini menggunakan metode tanggal. Sekarang mari kita lihat bagaimana menggunakan metode

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

let date = new Date().toJSON();
console.log(date); // 2022-06-17T11:06:50.369Z

Karena kami hanya menginginkan tanggal saat ini, kami dapat menggunakan metode

const date = new Date();

let day = date.getDate();
let month = date.getMonth() + 1;
let year = date.getFullYear();

// This arrangement can be altered based on how we want the date's format to appear.
let currentDate = `${day}-${month}-${year}`;
console.log(currentDate); // "17-6-2022"

let currentDate = new Date().toJSON().slice(0, 10);
console.log(currentDate); // "2022-06-17"

Cara Menggunakan toLocaleDateString()

Ini adalah metode sederhana lain yang mengembalikan objek tanggal sebagai string menggunakan konvensi lokal. Misalnya, format tanggal berbeda untuk setiap bahasa, dan metode ini menerima argumen untuk memperbaikinya

Mari kita mulai dengan memberikan argumen

let date = new Date().toLocaleDateString();
console.log(date); // 6/17/2022

Misalkan kita ingin waktu di Jerman

let date = new Date().toLocaleDateString("de-DE");
console.log(date); // 17.6.2022

Catatan. Kami bisa mendapatkan daftar untuk semua kode lokal di sini

Cara Menggunakan Momen. js

Momen. js adalah salah satu paket tanggal paling populer yang tersedia untuk semua orang, dan kita juga dapat menggunakannya untuk mendapatkan tanggal saat ini

Selama Anda memiliki Momen. js terinstal di proyek Anda, yang perlu Anda lakukan hanyalah mendapatkan tanggal saat ini sebagai berikut

var date = moment();

var currentDate = date.format('D/MM/YYYY');
console.log(currentDate); // "17/06/2022"

Kami juga dapat memanipulasinya berdasarkan bagaimana kami ingin format tanggal muncul

Kesimpulan

Dalam artikel ini, kita belajar tentang berbagai pendekatan untuk memperoleh tanggal saat ini menggunakan JavaScript sendiri atau dengan pustaka JavaScript eksternal

Anda dapat membaca lebih lanjut tentang cara memformat tanggal dengan mudah di sini

IKLAN

IKLAN

IKLAN

Joel Olawanle

Pengembang Frontend & Penulis Teknis

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Bagaimana cara menampilkan waktu lokal di JavaScript?

Bagaimana cara mendapatkan nama zona waktu lokal di JavaScript?

Bagaimana cara mendapatkan waktu sistem lokal?

Apa waktu setempat di JS?