Bootstrap menjadi populer pada tahun 2013, dan Bootstrap akan terus dicintai oleh lebih banyak orang pada tahun 2014. Ini tidak hanya memiliki UI yang lengkap dan indah, tetapi juga telah memperluas banyak plug-in dan tema yang berguna untuk pengembangannya! Biarkan memiliki kemungkinan tak terbatas!
Perusahaan suka menggunakan berbagai kerangka kerja bebas sumber terbuka. Bootstrap sangat mudah digunakan, dan tata letak kerangka kerja indah dan mudah digunakan. Hari ini saya menemukan kontrol datepicker yang ingin saya gunakan.
Masalahnya adalah: Dua titik waktu dibagi menjadi waktu mulai dan waktu akhir, dan waktu akhirnya harus setelah waktu mulai. Jadi saya mempelajarinya sebentar dan butuh waktu istirahat dari pagi sampai jam 3 untuk menyelesaikan masalah.
Merangkum masalahnya. Alasan utamanya adalah bahwa jQuery yang digunakan dalam proyek ini juga digunakan dalam jQuery UI. Kebetulan ada juga datepicker di dalam, dan namanya persis sama. Saya telah mencoba melakukan semuanya, memeriksa penggunaan datePicker di jQuery, dan mencari berbagai hal secara online yang baik, yaitu, mengikat metode OnSelect ke DatePicker. Secara kebetulan, banyak netizen mengatakan bahwa OnSelect tidak berhasil ...
Tiba -tiba, saya menemukan banyak hal Bootstrap di bawah folder Lib. Lebih penting lagi, ada folder lain dengan bootstrap_datepicker tertulis di atasnya. Saya menyadari bahwa kami tidak menggunakan DatePicker di bawah jQuery. ⊙⊙B keringat
Langsung posting kode:
Kode JS
$ ('#startTime'). DatePicker ({format: 'yyyy.mm.dd', weekstart: 1, autoclose: true, todaybtn: 'linked', bahasa: 'zh-cn'}). On ('ordate', function (ev) {var starttime = ev.date.valueof (ifeing ", ajaran (ever ever) {var starttime = ev.date.valueof (if ifer (if evare) {var {ev.date.date (ifeT" (if evare) {ev. time"!");$("#starttime").focus();}});$('#endtime').datepicker({format: 'yyyy.mm.dd',weekStart: 1,autoclose: true,todayBtn: 'linked',language: 'zh-CN'}).on('changeDate',function(ev){var endTime = ev.date.valueOf (); end = endtime; if (end <start) {alert ("" evaluasi waktu evaluasi "tidak dapat lebih awal dari" waktu mulai evaluasi "!");} else {}});Kode JSP:
<Div id = "startTime_main"> <label for = "startTime"> Waktu mulai: </label> <div data-date = "2013.05.10" id = "startTimediv"> <input type = "text" value = "" id = "startTime" readonly> <pan> <i> </i> </span> </div> </waktu "end =" <span> <i> </i> </span> </div> </Div iD = "end" for "for end =" </label> <divdata-Date = "2013.05.10" id = "endtimediv"> <input type = "text" value = "" id = "endtime" readonly> <span> <iclass = "ikon-calendar"> </i> </span> </div> </div>
Di atas adalah berbagi pengalaman menggunakan kontrol datepicker dari bootstrap yang diperkenalkan kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!