Cross-trình duyệt Numeric Spinner/stepper cho Bootstrap

Question

Tôi đang tìm kiếm một spinner số mà tích hợp với Twitter Bootstrap 2.3, sử dụng HTML5 input type="number"

<input type="number" id="income" name="income" value="10"> 

Theo caniuse tại thời điểm này bằng văn bản, chỉ Chrome hiển thị phần tử này như tôi muốn. Có lẽ Firefox sẽ làm điều này sớm và không quá 5 đến 10 năm kể từ bây giờ, IE cũng sẽ đưa ra một giải pháp.

Tôi đã thử nghiệm một vài trong số đó, nhưng tất cả đều từ 3 tuổi trở lên, dựa vào giao diện người dùng jQuery và không tích hợp chính xác với Bootstrap.

Trong khi đó tôi chỉ tò mò nếu có bất kỳ thư viện jQuery/hoặc giải pháp nào khác làm cho đầu vào như trong ảnh chụp màn hình.

Answer 1

Gần đây tôi đi qua các Fuel UX thư viện mà cũng bao gồm một spinner.

Answer 2

Tôi không chắc chắn nếu điều này là một trong những người mà bạn đã thử nghiệm, nhưng nó là một phần của tập jQuery UI chính thức của các widget:

http://jqueryui.com/spinner/

Answer 3

gì về bootstrap-spinedit này?
Nó khá cũ nhưng vẫn hoạt động như mong đợi trong những ngày này.

LƯU Ý: trình diễn không hoạt động vì chúng tham chiếu đến tập lệnh không tồn tại.

Bạn có thể xem cách hoạt động here.

HTML

<input type="text" class="aSpinEdit" /> 

Javascript

$('.aSpinEdit').spinedit({ 
    minimum: -10, 
    maximum: 50, 
    step: 1 
});