Apa format tanggal javascript?

Memformat tanggal JavaScript adalah hal yang umum. Ada string tanggal dan waktu di mana-mana di situs web. Sejumlah besar tanggal aplikasi diformat dengan kode JavaScript

Ada beberapa metode dan pustaka yang digunakan untuk memformat tanggal. Mari pertimbangkan masing-masing secara terpisah

Momen. js adalah salah satu pustaka tanggal/waktu terbaik. Mudah digunakan, didokumentasikan dengan baik, dan ukurannya diperkecil (20kb). Ini beroperasi dengan kedua Node. js dan JavaScript, yang bagus karena Anda tidak perlu mempelajari beberapa pustaka tanggal/waktu untuk pemrograman front-end dan back-end

moment().format('YYYY-MM-DD HH:m:s'); // now() -> 2020-03-20 14:32:20
moment("20161031", "YYYYMMDD").fromNow(); // 3 years ago
moment("20170620", "YYYYMMDD").fromNow(); // 3 years ago
moment().startOf('day').fromNow(); // 11 hours ago
moment().endOf('day').fromNow(); // in 13 hours

Itu. metode format() membangun serangkaian token yang mengacu pada komponen tanggal tertentu (seperti hari, bulan, menit, atau am/pm)

Format tanggal mirip dengan metode sebelumnya dengan cara memformat tanggal menggunakan string token

Namun, cara kerjanya berbeda dengan Node. jsversion. Anda harus menggunakan format tanggal sebagai metode dan meneruskan objek Tanggal

const dateformat = require('dateformat');
let now = new Date();
dateformat(now, 'dddd, mmmm dS, yyyy, h:MM:ss TT');
'Tuesday, Feb 2nd, 2020, 4:30:20 PM'

Ini adalah metode non-standar, tetapi terkadang, ini mungkin satu-satunya pilihan. Metode ini hanya didukung di beberapa browser versi terbaru. Namun demikian, dalam kasus Node, ini bisa menjadi pilihan yang baik. Berbeda dengan dua metode di atas, Date. toLocaleString() tidak menggunakan string token. Ini menggunakan objek opsi di mana setiap bagian dari tanggal dapat dikonfigurasi. Opsi-opsi ini sangat luas dan deskripsi mendetailnya berada di luar cakupan halaman ini. Pemformatan dapat dilakukan dengan. keLocaleString()

tanggal const = Tanggal baru(); . toLocaleString("en-us", { jam12. benar, hari kerja. "pendek", jam. "2 digit", bulan. "panjang", tahun. "numerik", }); . log(str);

Jika jam, menit, dan detik kurang dari 9, Anda harus melakukan pekerjaan ekstra untuk menambahkan angka nol di awal DateTime. Anda harus menambahkan metode khusus untuk menambahkan nol di depan di DateTime

function addLeadingZeros(n) { if (n <= 9) { return "0" + n; . log(currentDatetime. toString()); . getFullYear() + "-" + addLeadingZeros(currentDatetime. getMonth() + 1) + "-" + addLeadingZeros(currentDatetime. getDate()) + " " + addLeadingZeros(currentDatetime. getHours()) + ". " + addLeadingZeros(currentDatetime. getMinutes()) + ". " + addLeadingZeros(currentDatetime. getSeconds()) konsol. log(diformatTanggal);

Objek Tanggal digunakan untuk merepresentasikan tanggal dan waktu dalam JavaScript. Ini mencakup keduanya. Biasanya, bulan dimulai dari nol dan diakhiri dengan 11. Hari kerja juga dihitung mulai dari nol. Dalam JavaScript, tanggal dapat dikurangi dan memberikan selisihnya dalam milidetik, karena Tanggal diubah menjadi stempel waktu saat dikonversi menjadi angka. Stempel waktu dalam milidetik, bukan detik

Objek tanggal JavaScript dapat digunakan untuk mendapatkan tahun, bulan, dan hari. Kami dapat menampilkan pengatur waktu di halaman web dengan bantuan objek tanggal JavaScript

Ada banyak jenis format tanggal dalam JavaScript. Tanggal ISO, Tanggal Pendek, dan Tanggal Panjang. Format tanggal JavaScript didefinisikan sebagai berikut

Tanggal ISO

Kencan singkat

Kencan panjang

Format tanggal ISO mengikuti standar JavaScript yang ketat, sedangkan format lain (Tanggal pendek dan Tanggal panjang) bergantung pada browser dan tidak terdefinisi dengan baik.

Sekarang, mari kita pahami format tanggal ini satu per satu

Tanggal ISO

ISO 8601 adalah standar internasional untuk waktu dan tanggal, dan sintaks (YYYY-MM-DD) dari standar ini adalah format tanggal yang lebih disukai dalam JavaScript

Contoh penggunaan tanggal ISO diberikan di bawah ini

Contoh

Keluaran dari kode di bawah ini akan menampilkan tanggal lengkap, yang relatif terhadap zona waktu saat ini

Keluaran

Sekarang, kita sedang membahas beberapa format lain dari tanggal ISO. Di sini, kami menulis tanggal input dan menampilkan hasil yang terjadi saat kami menggunakan sintaks yang sesuai

Kita dapat menulis tanggal ISO menggunakan sintaks berikut

1. Ini adalah format tanggal lengkap menggunakan tanggal ISO

biarkan val = Tanggal baru ("2020-08-01");

2. Dalam format ini, kami hanya menentukan tahun dan bulan (YYYY-MM) tanpa hari

biarkan val = Tanggal baru ("2020-08");

3. Pada sintaks ketiga, kita hanya menentukan tahun (YYYY) tanpa bulan dan hari

biarkan val = Tanggal baru ("2020");

4. Sekarang, di sintaks keempat, kami menentukan tanggal dengan menambahkan jam, menit, dan detik. (YYYY-MM-DDTHH. MM. SSZ). Dalam format ini, tanggal dan waktu dipisahkan dengan huruf 'T' dan huruf 'Z'. Kami mendapatkan hasil yang berbeda di browser yang berbeda jika kami menghapus karakter ini

JavaScript menggunakan zona waktu browser jika kita menyetel tanggal tanpa menentukan zona waktu

biarkan val = Tanggal baru("2020-08-01T07. 05. 00Z");

Sekarang, kita bahas format tanggal pendek beserta contohnya

Tanggal Singkat JavaScript

"MM/DD/YYYY" adalah format yang digunakan untuk menulis tanggal singkat. Sekarang, kami memahami tanggal pendek dengan menggunakan contoh

Contoh

Di sini, kami menentukan format tanggal pendek, i. e. , "MM/DD/YYYY"

Keluaran

Setelah eksekusi kode di atas, hasilnya adalah -

Tanggal Panjang JavaScript

"MMM DD YYYY" adalah format yang digunakan untuk menulis Tanggal panjang. Bulan dan tanggal dapat ditulis dengan urutan apa saja, dan diperbolehkan untuk menulis bulan dalam bentuk singkat (Agu) atau lengkap (Agustus)

Sekarang, kami memahami Long date dengan menggunakan contoh

Contoh

Di sini, kami menggunakan format Long date, i. e. , "MMM DD YYYY", dan menyebutkan bulan dalam bentuk singkatan

Bagaimana cara menampilkan format tanggal dalam JavaScript?

Apa format tanggal JavaScript DD MMM YYYY?

Apakah YYYY DD mm format tanggal?