Rumah >hujung hadapan web >tutorial js >Tingkatkan Pemilihan Tarikh Anda dengan DeskyCalendar: Penyelesaian Vanila JS
Ingin meningkatkan bentuk anda tanpa gebu? Temui DeskyCalendar, pemilih tarikh yang minimalis dan responsif yang dibuat dalam JavaScript vanila tulen. Ia direka untuk menambah gaya dan kefungsian pada proses pemilihan tarikh anda tanpa membebankan projek anda.
halaman demo -> https://danruggi.github.io/datepicker/
pautan projek -> https://github.com/danruggi/datepicker
? Responsif Penuh: Kelihatan hebat pada mana-mana peranti—tiada lagi kalendar squipped.
? Format Berganda / Tunggal: Pilih antara memilih tarikh tunggal atau julat dengan mudah.
? Tambah Pilihan "Mana-mana Tarikh": Benarkan pengguna kebebasan untuk memilih mana-mana tarikh, sesuai untuk penapis dan laporan.
? Lumpuhkan Tarikh: Halang pemilihan untuk tarikh lalu atau akan datang, pastikan segala-galanya terkawal.
? Laksanakan Fungsi Luaran pada Klik: Ingin mencetuskan tindakan tersuai apabila tarikh dipilih? Peasy mudah!
Persediaan Pantas
Cukup lepaskan pautan ini ke dalam HTML anda:
Buat medan input:
Sediakannya dengan baris JavaScript yang ringkas:
DeskyCalendar baharu({'ID saya': {}});
Tukar kepada pilihan tarikh berganda dengan mudah:
DeskyCalendar baharu({'calendar_date_selector1': {mod: "double"}});
Ingin menyekat tarikh? Hanya tambah
const d = new Date();
DeskyCalendar baharu({'calendar_date_selector2': {disableSebelum: d}});
Kesimpulan
Dengan hanya beberapa baris, DeskyCalendar membawa kecanggihan dan kesederhanaan kepada keperluan pemilihan tarikh anda, semuanya ringan dan cekap. Sudah tiba masanya untuk meningkatkan tahap borang anda dengan penyelesaian yang elegan ini. Selamat mengekod!
Atas ialah kandungan terperinci Tingkatkan Pemilihan Tarikh Anda dengan DeskyCalendar: Penyelesaian Vanila JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!