Cara menggunakan get date now javascript

Current Date berasal dari kata bahasa Inggris yang berarti tanggal hari ini (waktu berjalan sekarang, ). Dalam blog tanggal update memang sudah tersedia default melalui template blog. Akan tetapi itu adalah tanggal/waktu yang menandakan tanggal dipublikasikan atau diterbitkannya posting artikel oleh pengelola blog yang bersangkutan.


Sementara yang dibahas ini adalah menampilkan tanggal, bulan dan tahun hari berjalan saat ini. Waktu dari kode ini akan update dengan sendirinya sesuai berjalannya waktu. Ini hasil dari kode di bawah:


Cara memasang current date dalam blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:

  1. Sign di blog
  2. Klick Rancangan
  3. Klick Add Gadget/Tambah gadget
  4. Pilih HTML/JavaScript
  5. Copy lalu paste kode dibawah ini pada HTML/JavaScript
  6. Klick Simpan untuk menyimpan perubahan
  7. Klick Lihat untuk melihat hasilnya.
Ini kode yang di-copy



Salam sukses untuk anda yang berkunjung hari ini

Setelah Tanggal objek dibuat , sejumlah metode memungkinkan Anda untuk beroperasi di atasnya . Sebagian besar metode memungkinkan Anda untuk mendapatkan dan mengatur tahun, bulan , hari, jam , menit, detik , dan milidetik objek , baik menggunakan waktu setempat atau UTC ( universal, atau GMT ) waktu .

Semua tanggal dihitung dalam milidetik mulai 01 Januari 1970 00:00:00 Universal Time ( UTC ) dengan hari yang mengandung 86400000 milidetik .

Hallo semuanya. Pada tutorial hari ini saya akan sedikit membahas tentang javascript.Pasti teman-teman sudah sering mengenal kata javascript? Ya, javascript merupakan sebuah Bahasa scripting yang biasa digunakan agar website yang kita buat menjadi lebih interaktif. Nah, pada study kasus kali ini saya akan mencoba menampilkan tanggal hari ini menggunakan javascript. Caranya cukup sederhana, tidak perlu terlalu banyak script. Berikut script untuk lebih jelasnya :

Lalu teman-teman save dan hasilnya akan seperti ini :

Cara menggunakan get date now javascript

Demikian sedikit tutorial yang dapat saya bagikan. Tetap semangat belajar dan happy coding teman-teman. terima kasih

Dalam kehidupan kita sehari-hari tanggal dan waktu melekat erat dirutinitas kita, begitu juga dalam bahasa pemrograman. Di tutorial ini penulis akan mengulas penggunaan tanggal dan waktu pada javascript.

Dalam pemrograman tentunya penggunaan tanggal dan waktu sangatlah penting, misalnya untuk merekam setiap perubahan yang terjadi pada data, tanggal masuk atau bahkan mungkin tanggal modifikasi, memudahkan pembuatan laporan periodik, jadwal transportasi dan lain sebagainya.

Tanggal dan waktu pada javascript secara bawaan mengambil data dari browser, atau dari komputer pengguna, berdasarkan zona waktu masing-masing pengguna.

Cara menggunakan tanggal dan waktu di javascript

Pada dasarnya javascript telah menyediakan Date Object, untuk dapat menggunakan tanggal dan waktu pada javascript kita bisa menggunakan class Date, didalam class Date tersebut menyimpan object tanggal dan waktu.

Berikut ini contoh penggunaan tanggal dan waktu tanpa parameter apapun, dimana kita akan mengeluarkan tanggal dan waktu saat ini.

<html> <head> <script type="text/javascript"> var tanggalWaktu = new Date(); console.log(tanggalWaktu); script> head> html>

Code language: HTML, XML (xml)

Hasilnya…

Cara menggunakan get date now javascript

Perhatikan pada output diatas, data yang keluar adalah seperti dibawah ini.

Sat Sep 19 2020 20:54:05 GMT+0700 (Western Indonesia Time)

Berdasarkan format diatas menggunakan zona waktu komputer penulis, berikut ini tabel penjelasannya.

HariBulanTanggalTahunJamMenitDetikZona WaktuSatSep192020205405GMT+0700

Selain menentukan tanggal dan waktu saat ini, kita juga dapat menentukan tanggal dan waktu secara manual.

ParameterPenjelasanDate(timestamp)Menentukan tanggal dan waktu menggunakan format unix timestamp.Date(string)Menentukan tanggal dan waktu menggunakan string tanggal dan waktu. Contoh: September 19 2020 21:14Date(tahun, bulan, hari, jam, menit, detik, milidetik)Menentukan tanggal dan waktu berdasarkan pecahan format tanggal dan waktu.

Berikut ini contoh penggunaan class Date() masing-masing yang tertera pada tabel diatas.

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)

Masing-masing tanggal memiliki kesamaan, mungkin hanya pada unix timestamp yang berbeda pada bagian waktu, karena kadang-kadang unix timestamp tidak akurat, entah mengapa.

Berikut ini gambar dari hasil contoh kode tanggal dan waktu diatas.

Cara menggunakan get date now javascript

Selain menampilkan tanggal dan waktu dengan format diatas, di javascript kita dapat mengambil satu persatu tanggal dan waktu untuk kebutuhan tertentu, yaitu dengan menggunakan get, dengan menggunakan get kita bisa mengambil data satu persatu seperti tahun, tanggal dan lain-lain.

Berikut ini tabel fungsi get…

FungsiKeterangangetFullYear()TahungetMonth()BulangetDate()Tanggal

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)
0Jam

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)
1Menit

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)
2Detik

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)
3Milidetik

<html> <head> <script type="text/javascript"> // Menggunakan unix timestamp var tanggalWaktuTimestamp = new Date(1600525320000); // Menggunakan string var tanggalWaktuString = new Date('September 19 2020 21:22'); // Menggunakan pecahan tanggal dan waktu var tanggalWaktuPecahan = new Date(2020, 8, 19, 21, 22, 0, 0); console.log(tanggalWaktuTimestamp); console.log(tanggalWaktuString); console.log(tanggalWaktuPecahan); script> head> html>

Code language: HTML, XML (xml)
4Mengambil format timestamp.

Dari tabel diatas anda bisa melihat bagaimana cara pengambilan format pecahan tanggal dan waktu, berikut ini penulis contohkan untuk mengambil tanggal, bulan, dan tahun.