Bagaimana untuk membuat kawalan tarikh tidak tersedia dalam jquery

jquery ialah perpustakaan Javascript yang digunakan secara meluas dalam pembangunan web Ia menyediakan API yang kaya dan berguna yang boleh merealisasikan pelbagai kesan dan fungsi interaksi web dengan mudah. Antaranya, kawalan tarikh adalah komponen yang biasa digunakan, biasanya digunakan untuk fungsi pemilihan masa pada halaman web. Tetapi kadangkala kita mungkin perlu menetapkan kawalan tarikh kepada keadaan tidak tersedia supaya pengguna tidak boleh memilih tarikh Jadi bagaimana untuk menggunakan jquery untuk mencapai ini?

1 Gunakan atribut dilumpuhkan

Cara paling mudah ialah menggunakan atribut teg HTML yang dilumpuhkan untuk menetapkan kawalan tarikh kepada keadaan dilumpuhkan. Teg input dalam HTML boleh melumpuhkan kotak input dengan menetapkan atribut yang dilumpuhkan. Contohnya:

Kod di atas mencipta datePicker dengan id Kawalan tarikh, dan tetapkan atribut dilumpuhkan supaya kawalan tarikh tidak boleh dipilih. Kaedah ini lebih mudah, tetapi anda tidak boleh melumpuhkan kawalan tarikh tunggal tanpa melumpuhkan keseluruhan borang.

2. Gunakan kaedah attr() jquery

jquery menyediakan kaedah attr(), yang boleh menetapkan atau membaca atribut elemen. Kaedah attr() boleh digunakan untuk melumpuhkan kawalan tarikh dengan mudah. Contohnya:

$("#datePicker").attr("disabled", true);

Kod di atas memilih elemen dengan id datePicker dan menetapkan atribut yang dilumpuhkan kepada true , dengan itu melumpuhkan kawalan tarikh. Jika anda ingin mendayakan kawalan tarikh, cuma tukar parameter kepada palsu.

3. Gunakan kaedah prop() jquery

Fungsi kaedah prop() jquery adalah serupa dengan kaedah attr() dan anda boleh menetapkan atau membaca atribut elemen. Walau bagaimanapun, kaedah prop() digunakan untuk memanipulasi atribut elemen DOM, manakala kaedah attr() lebih sesuai untuk mengendalikan atribut tag. Gunakan kaedah prop() untuk mempunyai kawalan yang lebih baik terhadap keadaan borang yang dilumpuhkan. Contohnya:

$("#datePicker").prop("disabled", true);

Kod di atas memilih elemen dengan id datePicker dan menetapkan atribut yang dilumpuhkan kepada true , dengan itu melumpuhkan kawalan tarikh.

Ringkasan:

Di atas ialah tiga cara untuk menggunakan jquery untuk melumpuhkan kawalan tarikh. Tidak kira kaedah yang digunakan, anda perlu memilih elemen kawalan tarikh yang sepadan terlebih dahulu, dan kemudian tetapkan atribut elemen yang dilumpuhkan kepada benar untuk melumpuhkan kawalan tarikh. Apabila anda perlu mendayakan semula kawalan tarikh, tetapkan atribut yang dilumpuhkan kepada palsu. Menggunakan kaedah mudah ini, kami boleh mengawal ketersediaan kawalan tarikh secara fleksibel dan meningkatkan interaktiviti dan kemudahan penggunaan halaman web.

Atas ialah kandungan terperinci Bagaimana untuk membuat kawalan tarikh tidak tersedia dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!