أصبح Bootstrap شائعًا في عام 2013 ، وسيظل Bootstrap محبوبًا من قِبل المزيد من الأشخاص في عام 2014. إنه ليس فقط واجهة مستخدم كاملة وجميلة ، ولكنها أيضًا تمديد العديد من المكونات والمواضيع المفيدة لتطويرها! دعها لديها إمكانيات لا حصر لها!
تحب الشركة استخدام مختلف الأطر المجانية مفتوحة المصدر. Bootstrap سهل الاستخدام للغاية ، وتخطيط الإطار جميل وبسيط للاستخدام. واجهت اليوم التحكم في DatePicker الذي أريد استخدامه.
المشكلة هي: يتم تقسيم نقطتين زمنيتين إلى وقت البدء ووقت الانتهاء ، ويجب أن يكون وقت الانتهاء بعد وقت البدء. لذلك درستها لفترة من الوقت واستغرق الأمر استراحة من الصباح حتى الساعة الثالثة لحل المشكلة.
لخص المشكلة. السبب الرئيسي هو أن jQuery المستخدمة في المشروع يستخدم أيضًا في واجهة المستخدم jQuery. يحدث أن هناك أيضًا DatePicker في الداخل ، والاسم هو نفسه تمامًا. لقد كنت أحاول أن أفعل كل شيء ، والتحقق من استخدام DatePicker في jQuery ، والبحث عن أشياء مختلفة عبر الإنترنت جيدة ، أي ، تربط طريقة OnSelect حتى DatePicker. من قبيل الصدفة ، يقول العديد من مستخدمي الإنترنت إن onselect لا يعمل ...
فجأة ، وجدت مجموعة من الأشياء bootstrap تحت مجلد lib. الأهم من ذلك ، كان هناك مجلد آخر مع bootstrap_datepicker مكتوب عليه. أدركت أننا لم نستخدم DatePicker تحت jQuery. العرق ⊙⊙b
نشر الكود مباشرة:
رمز JS
$ ('#starttime'). DatePicker ({format: 'yyyy.mm.dd' ، weekstart: 1 ، autoclose: true ، todybtn: 'linked' ، language: 'zh-cn'}). on (alert time "، function (ev) {var startTime = ev.date.valueof () الوقت "!") ؛ $ ("#starttime"). focus () ؛}}) ؛ $ ('#endtime'). DatePicker ({format: 'yyyy.mm.dd' ، weekstart: 1 ، autoClose: true ، todaybtn: 'linked' ، language: '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"> <input </label> <divdata-date = "2013.05.10" id = "endtimediv"> <input type = "text" value = "" id = "endtime" readonly> <span> <iclass = "icon-calendar"> </i> </span>
ما ورد أعلاه هو تبادل تجربة استخدام DatePicker Control of Bootstrap المقدمة لك. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!