Program JavaScript untuk Memformat Tanggal

Dalam contoh ini, Anda akan belajar menulis program JavaScript yang akan memformat tanggal.

Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:

  • Pernyataan JavaScript if… else
  • Tanggal dan Waktu JavaScript

Contoh 1: Format Tanggal

 // program to format the date // get current date let currentDate = new Date(); // get the day from the date let day = currentDate.getDate(); // get the month from the date // + 1 because month starts from 0 let month = currentDate.getMonth() + 1; // get the year from the date let year = currentDate.getFullYear(); // if day is less than 10, add 0 to make consistent format if (day < 10) ( day = '0' + day; ) // if month is less than 10, add 0 if (month < 10) ( month = '0' + month; ) // display in various formats const formattedDate1 = month + '/' + day + '/' + year; console.log(formattedDate1); const formattedDate2 = month + '-' + day + '-' + year; console.log(formattedDate2); const formattedDate3 = day + '-' + month + '-' + year; console.log(formattedDate3); const formattedDate4 = day + '/' + month + '/' + year; console.log(formattedDate4);

Keluaran

 08/26/2020 08-26-2020 26-08-2020 26/08/2020

Dalam contoh di atas,

1. new Date()Objek memberikan tanggal dan waktu saat ini.

 let currentDate = new Date(); console.log(currentDate); // Output // Wed Aug 26 2020 10:45:25 GMT+0545 (+0545)

2. getDate()Metode mengembalikan hari dari tanggal yang ditentukan.

 let day = currentDate.getDate(); console.log(day); // 26

3. getMonth()Metode mengembalikan bulan dari tanggal yang ditentukan.

 let month = currentDate.getMonth() + 1; console.log(month); // 8

4. 1 ditambahkan ke getMonth()metode karena bulan dimulai dari 0 . Jadi, Januari adalah 0 , Februari adalah 1 , dan seterusnya.

5. getFullYear()Mengembalikan tahun dari tanggal yang ditentukan.

 let year = currentDate.getFullYear(); console.log(year); // 2020

Kemudian Anda dapat menampilkan tanggal dalam format yang berbeda.

Artikel yang menarik...