Bootstrap v4 datepicker [đã đóng]

114

Tôi đang sử dụng Bootstrap V4 cho trang web mới của mình thì thấy rằng nó đang ở dạng Alpha.

Tuy nhiên, tôi không thể thấy rằng nó có datepicker.js trong bản dựng của nó.

Có ai biết nếu điều này sẽ được bao gồm trong V4? Nếu không có ai có thể giới thiệu một người chọn ngày giỏi không?

twitter-bootstrap bootstrap-4

— ottz0
nguồn

Đối với những người kết thúc ở đây: tempusdominus.github.io/bootstrap-4

— MastaBaba

Chỉ cần đảm bảo bạn có cal.gif hoặc / và tập tin cal-grey.gif sẵn trong Project \ Content \ themes \ base \ images \ phương tiện truyền thông \ datepicker.js làm việc tốt cho tôi với Bootstrap4

— raju1208

Bootstrap 4 - Plugin datepicker hỗ trợ Bootstrap 4 là codeply.com/p/kS0t1Ko61K cũng xem: stackoverflow.com/questions/43046792

— Zim

bộ chọn ngày được đề cập trong các nhận xét không hiển thị lịch khi nhấp vào đầu vào. cái này thực hiện gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Câu trả lời:

Có thể bạn muốn thử điều này: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Đó là một tiện ích con chọn ngày linh hoạt theo phong cách Bootstrap.

— Andrey Saleba
nguồn

Bạn có thể đăng CSS đang hoạt động của mình không? Bản thân trình chọn ngày hoạt động với bootstrap 4 nhưng nó chưa được phân loại.

— RAC

@RAC Cập nhật, tính đến nay có vẻ như có một số (không ổn định) phiên bản này mà làm việc với Bootstrap 4 rất tốt cho tôi cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

Có nút "hôm nay" nhưng tôi không thấy bộ chọn thời gian @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

Bạn có thể sử dụng điều này và sau đó bạn có thể chỉ thêm một classbiểu mẫu từ bootstrap. ^{(không quan trọng phiên bản nào)}

<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
nguồn

đây không phải là điều khiển bootstrap mà là trình chọn ngày của trình duyệt (đầu vào ngày html5, nó không có sẵn trong mọi trình duyệt! xem caniuse.com/#feat=input-datetime )

— cyptus

Sẽ không hoạt động trên safari và IE 11 trở xuống

— amar

Lý do chính tôi đang tìm kiếm một trình chọn ngày boostrap4 là vì tôi có <input type="date"trong dự án của mình và trình duyệt của tôi (chromium) đang cho tôi biết rằng [Deprecation] '-webkit-export: listbox' cho các phần tử khác với listbox select không được dùng nữa và sẽ đã bị xóa trong M79, vào khoảng tháng 12 năm 2019. Xem chromestatus.com/features/5070237827334144 để biết thêm chi tiết. Vì tháng 12 năm 2019 sẽ bắt đầu vào tuần ngày mai, tôi nghĩ rằng tôi cần một giải pháp thay thế!

— Bill Naylor

Tôi đã tìm thấy sự phụ thuộc của maven:

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

điều mà tôi hy vọng sẽ làm được những gì tôi muốn, chỉ cần tìm hiểu cách sử dụng nó ngay bây giờ!

— Bill Naylor

Điều này không ràng buộc giá trị từ ASP.NET MVC. Tôi có cần chuyển đặt giá trị theo cách thủ công trong JS không?

— Ali123

Hầu hết các trình chọn ngày trong bootstrap khi tôi viết câu trả lời này đều khá lỗi khi được đưa vào Bootstrap 4. Theo quan điểm của tôi, giải pháp thêm mã ít nhất là một plugin jQuery. Tôi đã sử dụng cái này https://plugins.jquery.com/datetimepicker/ - bạn có thể xem cách sử dụng nó ở đây: https://xdsoft.net/jqplugins/datetimepicker/ Nó chắc chắn không mượt mà như toàn bộ giao diện BS, nhưng nó chỉ yêu cầu các tệp css và js của nó cùng với jQuery đã được bao gồm trong bootstrap.

— Slinky Sloth
nguồn

Đó là sự thật, tôi đã thử một số đá quý và lib: github.com/tempusdominus/bootstrap-4 nhưng nó rất lỗi

— truongnm

Yeaah .... tempusdominus có rất nhiều lỗi

— Daniel