Bagaimana untuk mengesahkan format tarikh menggunakan jquery

Dalam pembangunan bahagian hadapan, kami sering menghadapi situasi di mana kami perlu mengesahkan format tarikh jquery adalah pustaka alat yang sangat mudah dan mudah digunakan. Ia boleh membantu kami melengkapkan pengesahan format tarikh ini artikel akan memperkenalkan cara menggunakan jquery untuk mengesahkan Format tarikh.

1. Pengenalan perpustakaan jquery
Sebelum menggunakan jquery untuk mengesahkan format tarikh, kami perlu memperkenalkan perpustakaan jquery terlebih dahulu Anda boleh memperkenalkan perpustakaan jquery tempatan atau memperkenalkannya melalui CDN:

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

2 Gunakan ungkapan biasa untuk mengesahkan format tarikh
Anda boleh menggunakan ungkapan biasa untuk mengesahkan format tarikh jquery menyediakan kaedah pengesahan ungkapan biasa $.trim(), yang boleh mengalih keluar aksara tidak sah seperti ruang dan baris baharu dalam rentetan. . Anda boleh menggunakan ungkapan biasa berikut:

var reg = /^(\d{4})-(\d{2})-(\d{2})$/;

Ungkapan biasa di atas boleh mengesahkan format tarikh dalam bentuk "2021-05-01", dengan d mewakili nombor dan {n} mewakili n kali kejadian berturut-turut, ^ bermaksud memadankan permulaan rentetan, $ bermaksud memadankan penghujung rentetan dan () bermaksud mengumpulkan.
Kami boleh menggunakan kod berikut untuk mengesahkan format tarikh menggunakan ungkapan biasa:

var date = $('#date').val();
if ($.trim(date).match(reg) == null) {
    alert("日期格式不正确，请重新输入");
}

Dalam kod di atas, #date mewakili kotak input tarikh yang akan disahkan dan kaedah val() boleh mendapatkan kotak input Kaedah $.trim() mengalih keluar aksara tidak sah seperti ruang dan baris baharu Kaedah match() digunakan untuk memadankan rentetan dengan ungkapan biasa Jika nilai pulangan adalah nol, ini bermakna format tarikh tidak betul.

3 Gunakan pemalam moment.js untuk mengesahkan format tarikh
Selain pengesahan ungkapan biasa bagi format tarikh, anda juga boleh menggunakan pemalam moment.js untuk mengesahkan tarikh. format. Ia adalah alat pemprosesan tarikh yang sangat berkuasa, yang boleh mengendalikan pelbagai format tarikh dengan mudah.
Gunakan moment.js untuk mengesahkan kod format tarikh seperti berikut:

var date = $('#date').val();
if (!moment(date).isValid()) {
    alert("日期格式不正确，请重新输入");
}

Dalam kod di atas, kaedah moment() menukar rentetan tarikh input kepada objek momen dan isValid() kaedah digunakan untuk menyemak sama ada tarikh itu Sah, mengembalikan palsu jika tarikh itu tidak sah.

4. Kesimpulan
Artikel ini memperkenalkan dua kaedah cara jquery mengesahkan format tarikh: menggunakan ungkapan biasa dan menggunakan pemalam moment.js. Tidak kira kaedah yang digunakan, anda perlu memperkenalkan pustaka jquery atau pemalam moment.js terlebih dahulu Kaedah pengesahan ungkapan biasa adalah lebih mudah, tetapi mempunyai had tertentu Ia hanya sesuai untuk tarikh dalam format tertentu Pemalam .js boleh mengendalikan lebih banyak Terdapat banyak format tarikh, tetapi banyak kod diperkenalkan, yang juga mempunyai kesan tertentu pada prestasi halaman. Kaedah mana yang hendak digunakan boleh dipilih mengikut situasi sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mengesahkan format tarikh menggunakan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!