Posting ini akan menjelaskan metode untuk mendapatkan tanggal dan bulan dalam format 2 digit menggunakan JavaScript
Bagaimana Mendapatkan Bulan dan Tanggal dalam Format 2 Digit di JavaScript?
Untuk mendapatkan tanggal dan bulan dalam format 2 digit, gunakan metode “padStart()” atau metode “slice()” dengan metode “getMonth()” dan “getDate()”. Metode getMonth() dan getDate() memberikan tanggal dan bulan dari tanggal yang ditentukan, dan metode padStart() atau slice() memberikan tanggal dan bulan yang dihasilkan dalam format 2 digit. Posting ini menjelaskan metode untuk mendapatkan tanggal dan bulan dalam format 2 digit menggunakan JavaScript
Cukup menyebalkan jika saya boleh mengatakannya, Javascript memiliki pemahaman yang buruk tentang objek tanggal, dan tidak ada opsi untuk memiliki angka nol di depan
Mengonversi objek tanggal JavaScript menjadi string
Pertama, kita perlu mengonversi objek tanggal javascript menjadi string terpisah
Mulailah dengan membuat tanggal baru
let date = new Date('01-01-2020');Lalu mari kita buat elemen spesifik yang akan kita butuhkan dan lihat apa yang kita mulai
let day = date.getDate(); // 1 let month = date.getMonth(); // 0 let year = date.getFullYear(); // 2020_Hah?
let month = date.getMonth() + 1; // 1Menambahkan angka nol di depan ke tanggal JavaScript
Untuk menambahkan nol di depan objek hari dan bulan, kami memiliki beberapa opsi, tetapi berikut ini adalah yang terbersih dan tercepat
let date = new Date('01-01-2020'); let day = date.getDate(); // 1 day = day.toString().padStart(2, '0'); // '01' let month = date.getMonth() + 1; // 1 month = month.toString().padStart(2, '0'); // '01' let year = date.getFullYear(); // 2020 let newDate = day + '-' + month + '-' + year; console.log(newDate); // '01-01-2020'Bagaimanapun kita harus mengonversi bilangan bulat menjadi string
Fungsi padStart hanya akan bekerja pada string, oleh karena itu pertama-tama kita mengubah bilangan bulat menjadi string. Kemudian padStart akan menambahkan '0' ke maksimal dua
Anda dapat bermain-main dalam demo codepen ini
Lihat Pen Vanilla JavaScript menambahkan angka nol di awal hingga saat ini oleh Chris Bongers (@rebelchris) di CodePen
Catatan. padStart sayangnya tidak memiliki kompatibilitas IE. 😭
Terima kasih, dan mari terhubung
Terima kasih telah membaca blog saya. Jangan ragu untuk berlangganan buletin email saya dan terhubung di Facebook atau Twitter
Tanggal. metode getMonth() digunakan untuk mengambil bulan (0 hingga 11) dari objek Date yang diberikan (0 mewakili bulan pertama tahun ini)
Sintaksis.
DateObj.getMonth()_Parameter. Fungsi ini tidak menerima parameter apa pun.
Nilai Pengembalian. Ini mengembalikan Bulan untuk objek Tanggal yang diberikan. Bulan adalah nilai integer mulai dari 0 sampai 11. Nol (0) berarti Januari, 1 berarti Februari, dan seterusnya sampai 11 berarti Desember
Contoh 1. Di bawah ini adalah contoh metode Date getMonth().
javascript
<script type="text/javascript">
// Creating a Date Object
91 9293 949596
9_9
NaN1
91 NaN4
________12______7
________12______9
00
Keluaran.
9Contoh 2. Di sini tanggal bulan harus terletak antara 1 sampai 31 karena tidak ada tanggal yang memiliki bulan lebih besar dari 31. Itu sebabnya ia mengembalikan NaN i. e, Bukan Angka jika bulan dalam objek Tanggal lebih besar dari 31.
javascript
<script type="text/javascript">
// Creating a Date Object
91 9293 942196
________23______5
________23______7
91 NaN4
________12______7
________12______9
00
Keluaran.
NaNContoh 3. Jika bulan tidak diberikan, itu mengembalikan nol (0).
javascript
<script type="text/javascript">
// Creating a Date Object
91 9293 94"text/javascript"796
________23______5
________23______7
91 NaN4
________12______7
________12______9
00
Keluaran.
0Contoh 4. Jika tidak ada parameter yang diberikan, ini mengembalikan bulan saat ini.
javascript
<script type="text/javascript">
// Creating a Date Object
91 9293 // Creating a Date Object2
________23______5
________23______7
91 NaN4
________12______7
904NaN9
00
Keluaran.
2Kami memiliki daftar lengkap metode Tanggal Javascript Javascript, untuk memeriksanya silakan buka artikel Referensi Lengkap Objek Tanggal Javascript
Browser yang Didukung. Browser yang didukung oleh metode JavaScript Date getMonth() tercantum di bawah ini.