Bootstrap กลายเป็นที่นิยมในปี 2013 และ Bootstrap จะยังคงเป็นที่รักของผู้คนจำนวนมากในปี 2014 มันไม่เพียง แต่มี UI ที่สมบูรณ์และสวยงาม แต่ยังได้ขยายปลั๊กอินและธีมที่มีประโยชน์มากมายสำหรับการพัฒนา! ปล่อยให้มันมีความเป็นไปได้ที่ไม่มีที่สิ้นสุด!
บริษัท ชอบใช้เฟรมเวิร์กโอเพนซอร์สฟรีต่างๆ Bootstrap ใช้งานง่ายมากและเค้าโครงเฟรมเวิร์กนั้นสวยงามและใช้งานง่าย วันนี้ฉันพบการควบคุมวันที่ที่ฉันต้องการใช้
ปัญหาคือ: สองจุดเวลาแบ่งออกเป็นเวลาเริ่มต้นและเวลาสิ้นสุดและเวลาสิ้นสุดจะต้องเป็นหลังจากเวลาเริ่มต้น ดังนั้นฉันจึงศึกษามันสักพักและฉันก็หยุดพักจากตอนเช้าจนถึง 3 โมงเช้าเพื่อแก้ปัญหา
สรุปปัญหา เหตุผลหลักคือ jQuery ที่ใช้ในโครงการยังใช้ใน jQuery UI มันเกิดขึ้นที่มี datepicker อยู่ภายในและชื่อก็เหมือนกันทุกประการ ฉันพยายามทำทุกอย่างตรวจสอบการใช้งานของ Datepicker ใน jQuery และมองหาสิ่งต่าง ๆ ออนไลน์ที่ดีนั่นคือการเชื่อมโยงวิธี onSelect กับ datepicker โดยบังเอิญชาวเน็ตหลายคนบอกว่า OnSelect ไม่ทำงาน ...
ทันใดนั้นฉันก็พบสิ่งที่น่าสนใจมากมายภายใต้โฟลเดอร์ Lib ที่สำคัญกว่านั้นมีโฟลเดอร์อื่นที่มี bootstrap_datepicker เขียนไว้ ฉันรู้ว่าเราไม่ได้ใช้ Datepicker ภายใต้ jQuery ⊙⊙bเหงื่อ
โพสต์รหัสโดยตรง:
รหัส JS
$ ('#starttime'). datepicker ({รูปแบบ: 'yyyy.mm.dd', Weekstart: 1, autoclose: true, วันนี้: 'เชื่อมโยง', ภาษา: 'zh-cn'}) on ('เปลี่ยนไป' เวลา "!"); $ ("#starttime"). focus ();}}); $ ('#endtime'). datepicker ({รูปแบบ: 'yyyy.mm.dd', Weekstart: 1, autoclose: true, วันนี้: 'linked', ภาษา: 'zh-cn'}) ev.date.valueof (); end = endtime; if (end <start) {Alert ("" เวลาสิ้นสุดการประเมิน "ไม่สามารถเร็วกว่า" การประเมินผลเวลาเริ่มต้น "!");} else {}});รหัส JSP:
<div id = "starttime_main"> <label for = "starttime"> เวลาเริ่มต้น: </label> <div data-date = "2013.05.10" id = "startTimediv"> <อินพุต type = "text" value = "" id = "starttime" </label> <divdata-date = "2013.05.10" id = "endtimediv"> <อินพุต type = "text" value = "" id = "endtime" อ่านอย่างง่าย> <pan> <iclass = "icon-calendar"> </i>
ข้างต้นคือการแบ่งปันประสบการณ์การใช้การควบคุม datepicker ของ bootstrap แนะนำให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!