Input [type = 'date'] dalam kode implementasi gaya verifikasi gaya dan kalender html5

HTML5 menyediakan fungsi kontrol kalender dan mengurangi waktu pengembangan, tetapi kadang -kadang gayanya benar -benar tidak memuaskan, kita dapat memodifikasinya sendiri sesuai dengan kode berikut.

Saran: Salin segmen kode berikut dan buat file CSS secara terpisah untuk memfasilitasi kami untuk memodifikasi.

 /*Ubah Jenis Jenis Kontrol Kalender*/:: -webkit-Datetime-edit {padding: 1px;}/*Kontrol area pengeditan*/:: -webkit-dates-feelds-wrapper {latar belakang: #fff ;; atau pendek atau pendek dari kendali tahun, bulan dan hari garis horizontal*/:: -webkit-datetime-edit-field-field {color: #333;}/*mengontrol teks tahunan, seperti tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat ini ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat yang ditempati tempat ini oleh empat huruf di 2013* /:: -month-field {color: #333;} /*Bulan kontrol* /:: -webkit-datetime-field {color: #333;} /*Kontrol hari tertentu* /::-Webkit-Inner- spin-tombol {visibilitas: tersembunyi;} /*Ini adalah kontrol panah kecil dari panah atas dan bawah* /:: -webkit-calendar-picker-identikator { /*Ini adalah Kontrol Panah Bawah* /Border: 1px Solid #CCC; -Gradient (atas, #f0f0f00, #e6e6e6);

Tanggal penghentian tidak bisa kurang dari tanggal mulai, ruang lingkup pemilihan tanggal adalah 7 hari, dan sisa periode waktu tidak tersedia.

Catatan: Segmen kode berikut menggunakan prinsip jQuery

 // Jenis waktu konversi adalah format fungsi yyyy-mm-dd (strtime) {var date = new Date (strtime); = (0+ (date.getDate ()). Slice (-2); return date.getlyear ()+-+formatThonth+-+formatedDate;} // Mulai waktu $ (#keyword_time_min) .c haange (function () { var D1 = Tanggal baru ($ (ini) .val ()); waktu +1 tahun d2.setDate (d2.getDate () +7); ); Perubahan (function () {var d3 = tanggal baru ($ (ini) .val ()); var d4 = tanggal baru (d3); // d4.setlyear (d4 .getlyear () -1); d4.setDate (D4.GetDate () -7);

Di atas adalah kode implementasi dari input [type = 'date'] Fungsi verifikasi kustom di HTML5 yang diperkenalkan oleh Xiaobian. Editor membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!