Cara mencetak hanya tanggal di javascript

Metode setHours menggunakan jam, menit, detik, dan milidetik sebagai parameter dan mengubah objek Date sesuai dengan nilai yang diberikan

Metode setHours dapat digunakan jika Anda perlu menyetel ulang waktu tanggal ke tengah malam (00. 00. 00)

Metode mengubah komponen waktu tanggal pada tempatnya

Jika Anda perlu memformat objek Date_, Anda dapat membuat fungsi pembantu seperti di atas

Fungsi memformat tanggal sebagai YYYY-MM-DD, tetapi ini dapat disesuaikan menurut kasus penggunaan Anda

Fungsi ini menggunakan 3 metode terkait Date berikut

• Tanggal. metode getFullYear - mengembalikan angka empat digit yang mewakili tahun yang sesuai dengan tanggal

• Tanggal. getMonth - mengembalikan bilangan bulat antara 0 (Januari) dan 11 (Desember) dan mewakili bulan untuk tanggal tertentu. Ya, sayangnya, metode getMonth dimatikan oleh date.setHours(0, 0, 0, 0)0

• Tanggal. getDate - mengembalikan bilangan bulat antara date.setHours(0, 0, 0, 0)0 dan date.setHours(0, 0, 0, 0)2 mewakili hari dalam sebulan untuk tanggal tertentu

Metode getMonth mengembalikan indeks bulan berbasis nol dari 0 hingga 11, artinya Januari adalah 0 dan Desember adalah 11

Metode getMonth berbasis nol, jadi kami menambahkan 1 ke nilai pengembaliannya

Langkah terakhir adalah menempatkan panggilan ke metode dalam array, sehingga kita dapat menggabungkannya dengan pemisah tanda hubung. Berikut beberapa contohnya

Ini memberi kita tanggal, diformat sebagai YYYY-MM-DD

Anda dapat menyusun ulang komponen tanggal dalam larik, mengubah pemisah menjadi garis miring alih-alih tanda hubung, atau mengubah fungsi dengan cara lain

Berikut adalah contoh yang memformat tanggal sebagai ________83______8

Yang harus kami lakukan untuk mengubah pemformatan adalah menyusun ulang elemen dalam array dan mengubah pemisah menjadi garis miring

Jika Anda memiliki objek Date dan ingin menyetel hanya Tanggal yang mengabaikan waktu, Anda dapat menggunakan metode setHours0 dan meneruskan string tanggal ke konstruktor setHours1

Metode toDateString mengembalikan bagian tanggal dari objek Date

String yang dikembalikan dari metode setHours_3 tidak mengandung informasi apa pun tentang waktu, sehingga waktu tanggal disetel ke setHours4

Baik Anda membuat aplikasi rutin harian, blog Anda sendiri, atau hampir semua jenis aplikasi web dinamis lainnya, Anda mungkin perlu bekerja dengan tanggal. Pada artikel ini, kita akan mempelajari cara mendapatkan tanggal saat ini dalam JavaScript, sehingga Anda dapat mengembangkan aplikasi dengan sukses. Dalam JavaScript, ada banyak pilihan untuk dipilih, tetapi kelas utama yang digunakan adalah

21.5.2021. // string interpolation
21.5.2021. // string concatenation

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Menggunakan metode getDate(), getMonth() dan getFullYear()

Catatan untuk metode getDate. Hal pertama yang diperhatikan saat menggunakan pendekatan ini adalah kita menggunakan

21.5.2021. // string interpolation
21.5.2021. // string concatenation

21.5.2021. // string interpolation
21.5.2021. // string concatenation

21.5.2021. // string interpolation
21.5.2021. // string concatenation

21.5.2021. // string interpolation
21.5.2021. // string concatenation

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Catatan untuk metode getMonth. Hal lain yang harus diperhatikan adalah indeks bulan dimulai dari 0, jadi Januari adalah 0, Februari adalah 1, dll. Pada dasarnya, saat kita mengambil nomor bulan, kita perlu menambahkan 1

Sekarang setelah kita mengatasi potensi masalah, mari membuat kode

let date = new Date()
let day = date.getDate();
let month = date.getMonth()+1;
let year = date.getFullYear();

let fullDate = `${day}.${month}.${year}.`;
console.log(fullDate);

Pada awalnya, kami membuat instance kelas

let month = String(date.getMonth()+1).padStart(2, "0");

Kami menempatkan setiap hasil metode dalam variabel terpisah dan kemudian menggunakan interpolasi string untuk membuat tanggal yang lengkap. Interpolasi string adalah saat kita meneruskan variabel ke string; . Jika Anda tidak suka interpolasi string, cara lain adalah dengan menggabungkan (menambahkan) string bersama-sama seperti ini

let fullDate = day + "." + month + "." + year + ".";

Hasil kami akan sama dalam setiap kasus

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Katakanlah Anda ingin menunjukkan bulan sebagai

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

let month = String(date.getMonth()+1).padStart(2, "0");

21.05.2021.

21.05.2021.

21.05.2021.

21.05.2021.

21.05.2021.

let month = String(date.getMonth()+1).padStart(2, "0");

Ini akan mengubah format tanggal kita menjadi

21.05.2021.

Menggunakan metode toJSON()

Metode sebelumnya menyisakan ruang untuk pemformatan tanggal; . Saat menggunakan

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

Mari kita pratinjau pendekatan ini

let date = new Date().toJSON();
console.log(date);

Ini akan menghasilkan

2021-05-21T13:42:07.553Z

Anda akan melihat keluaran yang mirip dengan ini, tetapi jelas keluaran Anda akan berbeda tergantung kapan Anda menjalankan kode. Kami melihat bahwa kami hanya memerlukan tanggal, yaitu 10 karakter pertama, jadi mari gunakan metode

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON().slice(0, 10);

Ini akan kembali

2021-05-21

Kita dapat mengiris lebih lanjut string ini, sehingga kita dapat mengatur bagian-bagiannya menjadi variabel

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

Menggunakan metode toISOString(),_ toUTCString()_, dan toLocaleDateString()

Fakta menyenangkan.

let date = new Date().toJSON();
console.log(date);

let date = new Date().toJSON();
console.log(date);

2021-05-21T13:42:07.553Z

Menggunakan toUTCString()

let date = new Date().toUTCString();
console.log(date);

Akan memberi kita output

let fullDate = day + "." + month + "." + year + ".";

Format ini juga menampilkan tanggal dan waktu, dengan penambahan hari dalam seminggu. Seperti yang saya katakan di bagian

let date = new Date().toJSON();
console.log(date);

21.05.2021.

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

let fullDate = day + "." + month + "." + year + ".";

Ini akan memberi kita output yang diinginkan

let fullDate = day + "." + month + "." + year + ".";

Metode ini mengembalikan tanggal dalam format yang sesuai dengan bahasa sistem Anda. Ia bahkan memiliki opsi untuk meneruskan bahasa yang diinginkan sebagai argumen dan bahkan opsi pemformatan tanggal sederhana seperti

2021-05-21T13:42:07.553Z

21.05.2021.

2021-05-21T13:42:07.553Z

1. Opsi bawaan

   Mari kita lihat apa yang terjadi saat kita memanggil metode tanpa argumen

   let fullDate = day + "." + month + "." + year + ".";
   

   _3

   Outputnya, bagi saya, akan menjadi

   let fullDate = day + "." + month + "." + year + ".";
   

   _4

   Output ini tergantung pada lokal Anda, milik saya adalah AS sehingga formatnya akan menjadi format tanggal AS

2. Hanya meneruskan preferensi bahasa

   Jika Anda ingin menentukan lokal tertentu, Anda bisa meneruskannya sebagai argumen string, seperti itu

   let fullDate = day + "." + month + "." + year + ".";
   

   _5

   2021-05-21T13:42:07.553Z
   

   _7 adalah kode lokal untuk Prancis. Anda dapat menemukan semua kode lokal di sini

   Format tanggal Prancis adalah

   21.05.2021.
   

   _7, jadi hasilnya adalah

   let fullDate = day + "." + month + "." + year + ".";
   

   _6

3. Melewati preferensi dan opsi bahasa

   Terakhir, mari kita telusuri opsi yang memungkinkan. Hanya bulan dan hari kerja yang dapat memiliki nilai "panjang" atau "numerik". Hari dan tahun hanya boleh "numerik"

let fullDate = day + "." + month + "." + year + ".";

Kami akan mengecualikan

2021-05-21T13:42:07.553Z

let fullDate = day + "." + month + "." + year + ".";

Sekarang Anda juga belajar sedikit bahasa Prancis

Menggunakan sekarang()

Metode

let date = new Date().toJSON().slice(0, 10);

let month = String(date.getMonth()+1).padStart(2, "0");

let fullDate = day + "." + month + "." + year + ".";

Yang akan menghasilkan, sekali lagi, untuk saya

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Sekarang jika kita meneruskan

let date = new Date().toJSON().slice(0, 10);

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Ini akan menghasilkan

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Dan kita sudah tahu bagaimana memprosesnya, menggunakan

let date = new Date().toJSON();
console.log(date);

Menggunakan momen. js

Ini hanyalah sebuah alternatif untuk menggunakan semua metode sebelumnya, perpustakaan yang dibuat khusus untuk tanggal dan waktu dalam JavaScript. Anda dapat mengunjungi situs web mereka di sini. Meskipun pustaka ini memiliki beberapa fitur, saya hanya akan membahas cara membuat dan melakukan pemformatan sederhana untuk sebuah tanggal. Mari kita lihat cara kerjanya

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Jika Anda tidak meneruskan apa pun ke format, Anda akan mendapatkan representasi ISO dari tanggal tersebut, namun, Anda dapat memilih format apa pun yang Anda inginkan (dan yang ditentukan dalam dokumentasi Moment)

Kode di atas akan ditampilkan

21.5.2021. // string interpolation
21.5.2021. // string concatenation

Opsi ini bukan yang terbaik jika yang Anda cari hanyalah mengambil tanggal saat ini. Ini karena library Moment cukup besar dan akan membengkakkan kode JS Anda saat digunakan di aplikasi front-end. Di sisi lain, jika Anda memerlukan manipulasi tanggal dan waktu atau pemformatan yang lebih canggih, ini adalah perpustakaan yang bagus

Kesimpulan

Ada banyak cara untuk mengambil tanggal dalam JavaScript, Anda hanya perlu memilih salah satu yang sesuai dengan kasus penggunaan Anda. Untuk kebutuhan yang sangat sederhana, seperti membuat tanggal atau pemformatan yang sangat sederhana, maka Anda dapat menggunakan kelas

let month = String(date.getMonth()+1).padStart(2, "0");

Bagaimana cara menampilkan hanya tanggal dalam JavaScript?

Bagaimana cara mengirim hanya tanggal dalam JavaScript?

Bagaimana cara mencetak hanya hari dalam tanggal di JavaScript?

Bagaimana cara menampilkan tanggal tanpa waktu di JavaScript?