Dalam tutorial ini, kita akan melihat cara mendapatkan tanggal pertama dan terakhir bulan ini menggunakan JavaScript
Dalam kehidupan kita sehari-hari, kita sering berurusan dengan tanggal, dan kita biasanya mengetahui hari—atau, paling tidak, bulan—tempat kita berada. Untuk membantu pengguna dalam menentukan kapan sesuatu telah terjadi atau akan terjadi terkait situasi mereka saat ini, kami menampilkan nama hari atau bulan. Ini berfungsi sebagai kronologi yang luar biasa
Berikut adalah pendekatan untuk mendapatkan tanggal pertama dan terakhir bulan ini menggunakan JavaScript −
Menggunakan Objek Tanggal
Menggunakan Momen. Perpustakaan js
Menggunakan Objek Tanggal
Dalam pendekatan ini, kita dapat menggunakan berbagai metode untuk mengetahui tanggal pertama dan terakhir bulan itu
Metode getDate[] digunakan untuk tanggal yang ditentukan, yang mengembalikan hari dalam sebulan [dari 1 hingga 31]. Metode ini mengembalikan hari dalam sebulan yang diwakili oleh angka antara 1 dan 31
Kemudian kami menggunakan metode getFullYear[] untuk mengembalikan tahun dari tanggal yang ditentukan [empat digit untuk tahun antara 1000 dan 9999]. Ini memberikan kembali nomor yang sesuai dengan tahun dari tanggal yang ditentukan
Metode getMonth[], yang didasarkan pada waktu setempat, mengembalikan bulan [dari 0 hingga 11] untuk tanggal yang ditentukan. Ini mengembalikan angka, mulai dari 0 hingga 11, yang menunjukkan bulan
Sintaksis
Berikut ini adalah sintaks untuk mendapatkan hari pertama dan terakhir bulan ini −
var date = new Date[]; var firstDay = new Date[date.getFullYear[], date.getMonth[], 1]; var lastDay = new Date[date.getFullYear[], date.getMonth[] + 1, 0];
Di sini, tanggal objek sedang dibuat yang akan memanggil metode yang ditentukan dalam kode. Kami kembali membuat objek tanggal baru firstDay untuk mendapatkan hari pertama bulan ini. Untuk ini, kami melewatkan parameter ketiga sebagai 1. Memilih hari 1 menunjukkan memberi kita hari pertama bulan itu
Dengan cara yang sama, kami membuat objek tanggal lastDay untuk mendapatkan hari terakhir bulan ini. Memilih hari 0 menunjukkan memberi kita hari terakhir bulan itu. Saat kita menambahkan 1 ke nilai kembalian metode getMonth[], kita akan maju satu bulan ke depan. Kemudian, dengan menentukan 0 sebagai hari, kita mundur satu hari, ke hari terakhir bulan itu
Contoh
Dalam contoh ini, kita dapat melihat objek tanggal sedang dibuat. Objek tanggal memanggil metode getFullYear[] dan getMonth[] untuk mengetahui hari pertama bulan ini
_
Get first and last date using Date Object
Menggunakan Momen. Perpustakaan js
Momen. js adalah paket JavaScript. Ini membuatnya sangat mudah untuk mengurai, memanipulasi, memvalidasi, dan menampilkan tanggal dan waktu dalam JavaScript. Momen. js akan diperkenalkan di bab ini, diikuti dengan pembahasan menyeluruh tentang fitur-fiturnya. Moment JS memungkinkan penyajian tanggal dengan cara yang diterjemahkan dan dapat dibaca. Momen. js memiliki pendekatan skrip yang memungkinkan Anda menggunakannya di dalam browser
Sintaksis
Berikut adalah sintaks untuk Moment. format tanggal js -
const moment = require['moment']; const date = new Date['2022/01/01']; moment[date].format['MMMM d, YYYY']; // January 1, 2022
Pustaka momen disertakan dalam skrip, dan objek tanggal dibuat. Objek tanggal dipanggil dan diformat sesuai dengan format yang diberikan
Contoh
Dalam contoh ini, kita bisa melihat bagaimana Moment. perpustakaan js disertakan dalam skrip. Variabel tanggal pertama memanggil pustaka momen dan kembali dengan tanggal pertama setiap bulan dalam format yang ditentukan DD-MM-YYYY. Demikian pula, variabel lastdate akan mengembalikan hari terakhir bulan itu dalam format tertentu
Get first and last date using Moment JS
Dalam tutorial ini, yang telah kita pelajari adalah bagaimana menemukan tanggal pertama dan terakhir bulan itu menggunakan JavaScript. Metode pertama membahas prospek menggunakan objek tanggal dengan metode getDate[], getMonth[] dan getFullYear[]. Metode kedua mengeksplorasi ide menggunakan perpustakaan eksternal bernama MomentJS, yang membantu memformat tanggal dan menemukan tujuan dari tutorial ini
Banyak situs web mengandalkan Tanggal dan Waktu untuk menyediakan interaksi, seperti situs web berbasis acara. JavaScript bahasa skrip sisi klien menanganinya dengan sangat baik melalui objek Tanggal bawaan dan metode yang terkait dengannya. Pada artikel ini, kita akan belajar cara mendapatkan tanggal hari ini, bulan ini, dan tahun ini di JavaScript?
Pertama, kita akan membuat objek tanggal yang akan menjadi objek Tanggal-Waktu saat ini. Menggunakan konstruktor Date[] kita dapat membuat objek tanggal. Pada kode berikut, kita mendefinisikan variabel tanggal hari ini menggunakan operator baru yang akan membuat objek tanggal dari tanggal hari ini dan menyimpannya dalam variabel hari ini
Kode
var today = new Date[]; //Today's Date: 27-10-2017_
Sekarang, kita akan menggunakan metode objek Tanggal yang tersedia untuk mendapatkan Tanggal saat ini, bulan saat ini, dan tahun saat ini. JavaScript menyediakan tiga metode berbeda untuk masing-masingnya dan inilah cara penggunaannya
1] Tanggal Sekarang
Untuk mendapatkan tanggal saat ini, gunakan metode getDate[]. Metode ini mengembalikan tanggal hari ini dan tidak mengharapkan argumen apa pun. Ini sebuah contoh,
Kode
var today = new Date[]; var date = today.getDate[]; // Returns 27 console.log[date]; // Output: 27
2] Bulan Berjalan
Untuk mendapatkan bulan saat ini, gunakan metode getMonth[]. Metode ini mengembalikan bulan saat ini dan tidak mengharapkan argumen apa pun. Perhatikan bahwa, ini mengembalikan nilai mulai dari 0 hingga 11 selama 12 bulan. Ini berarti Januari adalah 0 dan Desember adalah 11. Ini sebuah contoh,
Kode
var today = new Date[]; var month = today.getMonth[]; // Returns 9 console.log[month]; // Output: 9_
3] Tahun Berjalan
Untuk mendapatkan tahun berjalan, gunakan metode getFullYear[]. Metode ini mengembalikan tahun berjalan dan seperti getDate dan getMonth, metode ini tidak mengharapkan argumen apa pun. Ini sebuah contoh,
Kode
var today = new Date[]; var year = today.getFullYear[]; // Returns 2017 console.log[year]; // Output: 2017
Betapa mudahnya kita mendapatkan parameter tanggal hari ini dengan metode Tanggal JavaScript bawaan. Jika Anda menyukai artikel ini, bagikan pemikiran Anda di komentar di bawah