- Cari disini...
- Courses
Kategori
Web Development
Mobile
Development
Studi Kasus
Fundamental
Pemula
Teknologi Populer
Laravel
PHP
Kotlin
Android
Javascript
Wordpress
Database
Semua Kelas
Flashsale
Popular
Mentor
Roadmap
- Explore
- Program
- Partnership
LoginRegister
JavaScript Menyediakan Object Date untuk Memformat Waktu, Kita Bisa Menampilkan Dalam Format Indonesia
Image from google.
JavaScript memiliki Object Date
yang dapat digunakan untuk memformat waktu.
Object Date
memiliki berbagai method yang dapat digunakan untuk menampilkan tahun, bulan, hari, bahkan waktu.
Kita akan menampilkan waktu dalam format Indonesia karena
format bawaan dari JavaScript menggunakan format yang berbeda sehingga kita harus menyesuaikan terlebih dahulu.
var date = new Date();var tahun = date.getFullYear();
var bulan = date.getMonth();
var tanggal = date.getDate();
var hari = date.getDay();var jam = date.getHours();
var menit = date.getMinutes();
var detik = date.getSeconds();switch(hari) {
case 0: hari = "Minggu"; break;
case 1: hari = "Senin"; break;
case 2: hari = "Selasa"; break;
case 3: hari = "Rabu"; break;
case 4: hari = "Kamis"; break;
case 5: hari = "Jum'at"; break;
case 6: hari = "Sabtu"; break;
}switch(bulan) {
case 0: bulan = "Januari"; break;
case 1: bulan = "Februari"; break;
case 2: bulan = "Maret"; break;
case 3: bulan = "April"; break;
case 4: bulan = "Mei"; break;
case 5: bulan = "Juni"; break;
case 6: bulan = "Juli"; break;
case 7: bulan = "Agustus"; break;
case 8: bulan = "September"; break;
case 9: bulan = "Oktober"; break;
case 10: bulan = "November"; break;
case 11: bulan = "Desember"; break;
}var tampilTanggal = "Tanggal: " + hari + ", " + tanggal + " " + bulan + " " + tahun;
var tampilWaktu = "Jam: " + jam + ":" + menit + ":" + detik;console.log(tampilTanggal);
console.log(tampilWaktu);
Kita sudah memformat waktu dalam format Indonesia, sehingga kita bisa menampilkan hari, bulan dalam format atau bahasa Indonesia.
I don't think that can be done RELIABLY with built in methods on the native Date object. The toLocaleString
method gets close, but if I am remembering correctly, it won't work correctly in IE < 10. If you are able to use a library for this task, MomentJS is a really amazing library; and it makes working with dates and times easy. Otherwise, I think you will have to write a basic function to give you the
format that you are after.
function formatDate(date) {
var year = date.getFullYear(),
month = date.getMonth() + 1, // months are zero indexed
day = date.getDate(),
hour = date.getHours(),
minute = date.getMinutes(),
second = date.getSeconds(),
hourFormatted = hour % 12 || 12, // hour returned in 24 hour format
minuteFormatted = minute < 10 ? "0" + minute : minute,
morning = hour < 12 ? "am" : "pm";
return month + "/" + day + "/" + year + " " + hourFormatted + ":" +
minuteFormatted + morning;
}