Tanggal adalah bagian rutin dari kehidupan kita sehari-hari, dan kita biasanya mengetahui hari, atau setidaknya bulan kita berada pada titik tertentu. Ini terbukti menjadi titik referensi yang bagus untuk waktu, dan menampilkan nama bulan atau hari dapat membantu pengguna mengetahui kapan, relatif terhadap keadaan mereka saat ini, sesuatu telah terjadi atau akan terjadi.
Dalam JavaScript, ada sejumlah cara untuk mencapainya
Pada artikel ini, kami akan memandu Anda melalui cara paling umum tentang cara mendapatkan nama bulan dan hari di Vanilla JavaScript, di samping bagaimana ini juga dapat dicapai dengan Momen. perpustakaan js
Penting untuk dicatat bahwa jika Anda sedang mengerjakan proyek kecil, mungkin akan membuat frustasi untuk mulai menginstal paket untuk sesuatu yang belum sempurna. Proyek kecil harus diimplementasikan menggunakan metode bawaan JavaScript, dependensi hanya boleh diperkenalkan jika diperlukan
Mendapatkan dan menampilkan nama hari atau bulan, dalam JavaScript, dapat disederhanakan menjadi
let now = new Date().toLocaleDateString('en-us', { weekday:"long", month:"long", day:"numeric"}); console.log(now)Ini menghasilkan
Friday, March 4 _Ada beberapa parameter yang dapat kita sesuaikan di sini untuk hasil dan efek yang berbeda, dan perlu dicatat bagaimana metode toLocaleDateString() bekerja, dan lokal apa yang tersedia. Anda juga dapat mengekstrak nama hari atau bulan tunggal dari metode ini
Kami akan menjawab semua pertanyaan ini di bagian selanjutnya
Objek Date_ adalah tipe data bawaan, digunakan untuk bekerja dengan tanggal dan waktu. Objek Date_ dibuat dengan menggunakan kata kunci new, i. e. new Date() dan menyediakan sejumlah metode bawaan untuk memformat dan mengelola data tersebut
Secara default, instance Date_ baru tanpa parameter apa pun, membuat objek yang sesuai dengan tanggal dan waktu saat ini (i. e. sesuai dengan pengaturan sistem komputer)
Sekarang, mari kita lihat cara mengekstrak hari dan bulan dari keluaran ini, dan mendapatkan namanya
Ada beberapa cara untuk mengekstrak tanggal dari objek Date. Kami telah menggunakan Friday, March 4 _0 di pendahuluan - tetapi Anda juga dapat mengekstrak bidang yang tepat dengan Friday, March 4 1
Menggunakan Metode getDay()Friday, March 4 1 mengembalikan hari dalam seminggu (angka untuk mewakili hari dalam seminggu antara 0 dan 6) untuk objek Date itu
Mengetahui sepenuhnya bahwa ada 7 hari dalam seminggu, kita cukup memetakan hari dalam seminggu ke inedx. Namun perlu diperhatikan bahwa penomoran hari dalam seminggu dimulai dari hari Minggu dan berakhir pada hari Sabtu
Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6.Mari buat larik nama hari dalam seminggu, mengikuti urutan yang diharapkan, dan dapatkan nama, dengan indeks (hari dalam seminggu) dikembalikan oleh Friday, March 4 1
Anda juga dapat membungkus fungsionalitas ini dalam fungsi yang dapat dipanggil jika Anda menggunakan logika pada beberapa kesempatan
Metode yang jauh lebih mudah, yang menggunakan logika pengindeksan untuk Anda adalah toLocaleDateString(). Selain itu, ini menyediakan opsi pemformatan untuk lokal yang telah Anda tentukan, sehingga Anda dapat menyesuaikan format secara dinamis dengan lokasi pengguna
Metode ini menggunakan empat opsi dasar - Friday, March 4 6, Friday, March 4 7, Friday, March 4 8 dan Friday, March 4 9, dan memungkinkan kita menyetel nama hari menjadi lebih panjang atau lebih pendek
Sejauh ini kita telah dapat melihat cara mendapatkan hari itu dan saya tahu Anda menebak bagaimana cara kerja bulan itu. Sejujurnya, sebagian besar dari Anda jika tidak semua akan melakukannya dengan benar. Kami akan menggunakan dua metode seperti yang kami lakukan untuk hari itu, tetapi hanya mengubah sedikit sintaks
Menggunakan Metode Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. _0
Metode Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. _0 adalah metode Date lainnya, sebanyak Friday, March 4 1 mengembalikan bilangan bulat - mengembalikan indeks bulan, dilambangkan dengan contoh Date. Bulan yang dikembalikan adalah antara Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. _5, mulai Januari dan berakhir pada Desember
Mari kita tentukan array nama bulan, dan akses nama yang sesuai berdasarkan nilai yang dikembalikan
Lihat panduan praktis dan praktis kami untuk mempelajari Git, dengan praktik terbaik, standar yang diterima industri, dan menyertakan lembar contekan. Hentikan perintah Googling Git dan benar-benar pelajari itu
Kami juga dapat memutuskan untuk membuatnya dapat digunakan kembali dengan membuat fungsi yang dapat dengan mudah dipanggil di mana saja di aplikasi Anda
Sekali lagi, metode toLocaleDateString() memformat Date menjadi string, menampilkan bidang yang kita minati, dan memformatnya sesuai dengan objek konfigurasi
Menggunakan Perpustakaan JavaScript
Sebaiknya kita juga membahas bagaimana hal ini dapat dicapai dengan Momen. js, pustaka JavaScript populer yang ada di banyak proyek
Momen. js
Momen. js secara luas dianggap sebagai salah satu paket tanggal-waktu JavaScript terbaik, dan untuk alasan yang bagus. Ini sangat mudah digunakan, didokumentasikan secara ekstensif, dan hanya berukuran 20kb (diperkecil, di-gzip)
Cara Mendapatkan Nama Hari dengan Momen. js
Momen. js membuat mendapatkan nama hari atau bulan menjadi mudah - kami hanya Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. 8 tanggal. Penanda Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. _9 memformat nama tanggal menjadi pendek, sedangkan toLocaleDateString()0 memformatnya menjadi panjang
Cara Mendapatkan Nama Bulan dengan Momen. js
Logika yang sama berlaku untuk nama bulan
Kesimpulan
Dalam panduan ini, kami telah membahas cara mendapatkan nama hari dan bulan dari suatu tanggal dalam JavaScript, dalam format yang ramah manusia
Kami telah membahas metode Friday, March 4 _1, Sunday=0, Monday=1, Tuesday=2, ..., Saturday=6. 0, Friday, March 4 0, serta Momen. js, yang menyederhanakan dan merampingkan proses