2013-08-01 31 views
8

Bắt đầu học Bootstrap. Tôi đang viết một mẫu thử nghiệm trang web cho công việc của mình và tôi cần một thành phần datepicker. Ai đó biết một thành phần tương thích với phiên bản mới của Bootstrap, 3.0 RC1? Cảm ơn trước.Bootstrap 3.0 RC1 datepicker tương thích

Trả lời

13

Cuối cùng tôi đã tìm thấy thành phần BS3 datepicker khả thi here; đó là một WIP nhưng đó là chấp nhận được như tôi đang ở giai đoạn nguyên mẫu của dự án của tôi. Tôi hy vọng ai đó có thể thấy điều này hữu ích.

Btw thành phần này vẫn không được liệt kê trong thư viện các thành phần Bootstrap, Bootsnipp.

EDIT - Thành phần này hiện đang niêm yết tại Bootsnipp

EDIT - Đây là tương thích với phiên bản ổn định mới nhất của BS3.

+0

Cảm ơn bạn. Điều này thực sự tương thích với BS3. Đã kiểm tra và xác minh. Một điều quan trọng cần lưu ý là các thư viện phải được liên kết theo thứ tự được chỉ định trên trang web. 1- jQuery 2- khoảnh khắc js 3 bootstrap-datetimepicker.min.js 4 bootstrap-datetimepicker.css 5 bootstrap.min.js 6- bootstrap.min.css –

0

Bạn có thể sử dụng tiêu chuẩn và cũng biết jquery Ui datepicker, nó cũng là tài liệu http://jqueryui.com/datepicker/ này hoạt động tốt với bootstrap từ này xuất phát một cách tự nhiên với jquery-ui.min.js Bạn có thể sử dụng nó đơn giản bằng cách puting kịch bản này

$(document).ready(function() { 
$('.date').datepicker({ //Your options here }); 
)}; 

với <input class="date" />

Sửa

BootStrap Có datePicker riêng của mình https://github.com/eternicode/bootstrap-datepicker điều này là nếu bạn muốn sử dụng bố cục chung

+0

Mối quan tâm của tôi với thành phần này là duy trì phong cách đồng bộ với bootstrap. Nhưng tôi mới biết được rằng các thành phần jquery ui đó sử dụng một bảng định kiểu cụ thể có thể được tùy chỉnh. –

+0

Nếu bạn muốn sử dụng một phong cách phổ biến trong trang web của bạn, bootstrap giới thiệu một datepicker chính nó http://www.eyecon.ro/bootstrap-datepicker/ bạn có thể kiểm tra nó ra https://github.com/eternicode/bootstrap- datepicker –

+0

Tôi đã thấy, nhưng vẫn không làm việc với Bootstrap 3 (có những thay đổi trong phong cách). –

Các vấn đề liên quan