Cara menggunakan format datetime javascript

Cara menggunakan format datetime javascript

  • 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

    • Karir

      Temukan Karirmu

    • Tutorial & Artikel

      Temukan Artikel menarik

    • Podcast

      Podcast seputar pemrograman

    • Webinar

      Ikuti Berbagai Webinar

    • Event

      Temukan Event menarik

    • Beasiswa

      Program Beasiswa

    • Discord

      Komunitas Discord

    • Forum

      Diskusi antar Programmer

    • Leaderboard

      Ranking siswa Codepolitan

  • Program

    • KelasFullstack.id

      Belajar Full Stack Web Developer from A to Z

    • DevSchool

      Coding Bootcamp dan Digital Skill Training

  • Partnership

    • For Company

      Solusi tepat untuk perusahaan

    • For School

      Kerjasama untuk sekolah

    • For Campus

      Kerjasama untuk kampus

    • For Mentor

      Peluang penghasilan untuk mentor

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