Date Format JavaScript

Sebuah Date object bisa dibuat menggunakan code new Date(string). Code tersebut membutuhkan sebuah tanggal yang ditulis dalam bentuk string. Penulisan tanggal dalam bentuk string ini memiliki beberapa format.

Ada empat jenis Date format yang bisa digunakan:

  • ISO Date
  • Long Date
  • Short Date
  • Full format

ISO Date

ISO Date merupakan format terbaru dari Date.

Format ISO Date ditulis seperti ini: "YYYY-MM-DD".

Berikut ini penulisan tahun, bulan, dan tanggal:

var a = new Date("2015-04-12");

Berikut ini penulisan tahun dan bulan:

var a = new Date("2015-04");

Berikut ini penulisan tahun saja:

var a = new Date("2015");

Penulisan tanggal disertai bisa ditulis dengan dua format yaitu:

var a = new Date("2015-04-12T12:00:00");
var b = new Date("2015-04-12 12:00:00");

Huruf T di antara tanggal dan waktu menandakan waktu UTC.

Waktu UTC (Universal Time Coordinated) sama saja dengan GMT (Greenwich Mean Time).

Long Date

Format Long Date ditulis seperti ini: "YYYY MM DD".

Penulisan tanggal, bulan, dan tahun bisa dibalik-balik. Berikut ini penulisan tanggal, bulan, dan tahun dalam beberapa urutan berbeda:

var a = new Date("Apr 12 2015");
var b = new Date("12 Apr 2015");
var c = new Date("2015 Apr 12");

Bulan boleh dituliskan secara utuh (January) atau dengan singkatan (Jan):

var a = new Date("January 12 2015");
var b = new Date("Jan 12 2015");

Koma dan titik tidak diperbolehkan dan tidak memiliki arti. Selain itu huruf besar dan kecil boleh dipergunakan atau tidak berpengaruh:

var a = new Date("2015, JANUARY, 12.");

Short Date

Format Short Date ditulis seperti ini: "MM/DD/YYYY" atau "YYYY/MM/DD".

Berikut ini penulisan tanggal, bulan, dan tahun:

var a = new Date("04/12/2015"); // 2015 April 12
var b = new Date("2015/04/12"); // 2015 April 12

Selain menggunakan garis miring [/], Short date juga bisa menggunakan garis sambung [-]:

var a = new Date("04-12-2015");

Full format

Selain ketiga format di atas, Date object juga bisa menerima tanggal yang dituliskan lengkap:

var a = new Date("Sun Mar 15 2015 11:12:00 GMT+0700 (SE Asia Standard Time)");

One Response to “Date Format JavaScript”

  1. Kendev says:

    misalnya gini gan
    ane mau nampilin tanggal, bulan, tahun sekarang gimana ya.

    kalau misalnya pakai
    var tgl = new Date();
    console.log(tgl);

    hasilnya
    Tue Aug 08 2017 14:37:46 GMT+0700 (SE Asia Standard Time)

    saya cuma mau menampilin
    08-08-2017.
    mohon pencerahannya gan

    terimakasih

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>