Cross-browser Numeric Spinner / Stepper for Bootstrap [closed]

Question

I am looking for a numeric spinner which integrates with Twitter Bootstrap 2.3, using the HTML5 input type="number"

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

According to caniuse at the time of this writing, only Chrome renders this element as I wish. Probably Firefox will do this soon and in no more than 5 to 10 years from now, IE will also come up with a solution.

I've tested a couple of them, but all were 3+ years old, rely on jQuery UI and do not exactly integrate properly with Bootstrap.

Meanwhile I was just curious if there are any jQuery libraries / or other solution that render the input as in the screenshot.

Answer 1

Recently I came across the Fuel UX library which also includes a spinner.

Answer 2

What about this bootstrap-spinedit?
It's rather old but still working as expected these days.

NOTE: demos do not work cause they reference non existing scripts.

You can see how it works here.

HTML

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

Javascript

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