Cara mendapatkan bulan dari tanggal string di javascript

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

Friday, March 4

Menggunakan Metode getDay()

Friday, March 4

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

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

Friday, March 4

Friday, March 4

Friday, March 4

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.

Friday, March 4

Sunday=0, 
Monday=1, 
Tuesday=2,
...,
Saturday=6.

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.

Sunday=0, 
Monday=1, 
Tuesday=2,
...,
Saturday=6.

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

Sunday=0, 
Monday=1, 
Tuesday=2,
...,
Saturday=6.

Friday, March 4

Bagaimana cara mendapatkan bulan dari string tanggal di JavaScript?

Bagaimana cara mendapatkan bulan dari waktu tanggal di JavaScript?

Bagaimana cara mendapatkan tanggal dan bulan dari tanggal di JavaScript?

Bagaimana cara mendapatkan nama bulan dalam JavaScript?