Bootstrap v4 datepicker [ปิด]

114

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ

ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow

ปิดให้บริการใน2 ปีที่ผ่านมา

ปรับปรุงคำถามนี้

ฉันใช้ Bootstrap V4 สำหรับเว็บไซต์ใหม่โดยเห็นว่าอยู่ใน Alpha

อย่างไรก็ตามฉันไม่เห็นว่ามันมี datepicker.js ในบิลด์

ไม่มีใครรู้ว่าสิ่งนี้จะรวมอยู่ใน V4 หรือไม่? ถ้าไม่มีใครสามารถแนะนำ datepicker ที่ดีได้?

twitter-bootstrap bootstrap-4

— ottz0
แหล่งที่มา

สำหรับผู้ที่ลงเอยที่นี่: tempusdominus.github.io/bootstrap-4

— MastaBaba

เพียงตรวจสอบให้แน่ใจว่าคุณมีไฟล์ cal.gif หรือ / และ cal-grey.gif ใน Project \ Content \ themes \ base \ images \ media \ datepicker.js ซึ่งทำงานได้ดีสำหรับฉันด้วย Bootstrap4

— raju1208

Bootstrap 4 - ปลั๊กอิน datepicker ที่รองรับ Bootstrap 4 คือcodeply.com/p/kS0t1Ko61Kดูที่: stackoverflow.com/questions/43046792

— Zim

datepickers ที่กล่าวถึงในความคิดเห็นจะไม่แสดงปฏิทินเมื่อคลิกที่อินพุต อันนี้ทำgijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

คำตอบ:

บางทีคุณอาจต้องการลองสิ่งนี้: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

เป็นวิดเจ็ต datepicker ที่ยืดหยุ่นในสไตล์ Bootstrap

— Andrey Saleba
แหล่งที่มา

คุณช่วยโพสต์ CSS ที่ใช้งานได้ไหม datepicker เองใช้งานได้กับ bootstrap 4 แต่มันไม่เสถียร

— RAC

@RAC Update ณ วันนี้ดูเหมือนว่าจะมีรุ่น (ไม่เสถียร) บางรุ่นที่ทำงานร่วมกับ Bootstrap 4 ได้เป็นอย่างดีสำหรับฉันcdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

มีปุ่ม "วันนี้" แต่ฉันไม่เห็นตัวเลือกเวลา @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

คุณสามารถใช้สิ่งนี้จากนั้นคุณสามารถเพิ่มclassแบบฟอร์มจาก bootstrap ^{(ไม่สำคัญว่าเวอร์ชันใด)}

<div class="form-group">
 <label >Begin voorverkoop periode</label>
 <input type="date" name="bday" max="3000-12-31" 
        min="1000-01-01" class="form-control">
</div>
<div class="form-group">
 <label >Einde voorverkoop periode</label>
 <input type="date" name="bday" min="1000-01-01"
        max="3000-12-31" class="form-control">
</div>

— Sadeq Alshaar
แหล่งที่มา

นี่ไม่ใช่การควบคุม bootstrap แต่เป็น datepicker ของเบราว์เซอร์ (การป้อนข้อมูลวันที่ html5 ไม่สามารถใช้ได้ในทุกเบราว์เซอร์ดูcaniuse.com/#feat=input-datetime )

— cyptus

จะไม่ทำงานบนซาฟารีและ IE 11 หรือก่อนหน้านี้

— Amar

เหตุผลที่ฉันกำลังมองหา datepicker boostrap4 ก็เพราะว่าฉันมี<input type="date"ในโปรเจ็กต์ของฉันและเบราว์เซอร์ของฉัน (โครเมียม) บอกฉันว่า[Deprecation] '-webkit-Appearance: listbox' สำหรับองค์ประกอบอื่นที่ไม่ใช่ listbox select ถูกเลิกใช้งานและจะ นำออกใน M79 ประมาณเดือนธันวาคม 2019 ดูรายละเอียดเพิ่มเติมได้ที่chromestatus.com/features/5070237827334144 เนื่องจากเดือนธันวาคม 2019 จะเริ่มขึ้นในสัปดาห์พรุ่งนี้ฉันคิดว่าฉันต้องการทางเลือกอื่น

— Bill Naylor

ฉันพบการพึ่งพา maven:

<dependency>     <groupId>org.webjars.bowergithub.pingcheng</groupId>     <artifactId>bootstrap4-datetimepicker</artifactId>     <version>4.17.45</version> </dependency>

ซึ่งฉันหวังว่าจะทำในสิ่งที่ฉันต้องการเพียงแค่ต้องหาวิธีใช้ตอนนี้!

— Bill Naylor

สิ่งนี้ไม่ได้ผูกค่าจาก ASP.NET MVC ฉันต้องส่งการตั้งค่าด้วยตนเองใน JS หรือไม่

— Ali123

bootstrap datepickers ส่วนใหญ่ในขณะที่ฉันเขียนคำตอบนี้ค่อนข้างมีปัญหาเมื่อรวมอยู่ใน Bootstrap 4 ในมุมมองของฉันโซลูชันการเพิ่มโค้ดอย่างน้อยที่สุดคือปลั๊กอิน jQuery ฉันใช้อันนี้https://plugins.jquery.com/datetimepicker/ - คุณสามารถดูการใช้งานได้ที่นี่: https://xdsoft.net/jqplugins/datetimepicker/ แน่นอนว่ามันไม่ราบรื่นเท่าอินเทอร์เฟซ BS ทั้งหมด แต่มัน ต้องการเฉพาะไฟล์ css และ js พร้อมกับ jQuery ซึ่งรวมอยู่ใน bootstrap แล้ว

— Slinky Sloth
แหล่งที่มา

เป็นเรื่องจริงฉันลองใช้ gem และ lib: github.com/tempusdominus/bootstrap-4แต่มันก็มีปัญหามาก

— truongnm

เออ .... tempusdominus มีข้อผิดพลาดมากมาย

— Daniel