Kreuz-Browser Numeric Spinner/Stepper für Bootstrap

Question

ich für einen numerischen Spinner suchen, die 2.3 mit Twitter Bootstrap integriert, die HTML5 input type="number"

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

Nach caniuse zum Zeitpunkt der dies mit Schreiben, nur Chrome rendert dieses Element wie ich es wünsche. Wahrscheinlich wird Firefox dies bald tun und in nicht mehr als 5 bis 10 Jahren wird IE auch eine Lösung finden.

Ich habe ein paar von ihnen getestet, aber alle waren 3+ Jahre alt, verlassen sich auf jQuery UI und nicht genau mit Bootstrap zu integrieren.

Inzwischen war ich nur neugierig, ob es irgendwelche jQuery-Bibliotheken/oder andere Lösung gibt, die die Eingabe wie im Screenshot darstellen.

Answer 1

Vor kurzem stieß ich auf die Fuel UX Bibliothek, die auch eine spinner enthält.

Answer 2

Ich bin nicht sicher, ob dies ist einer von denen, die Sie getestet, aber es ist Teil der offiziellen jQuery UI Satz von Widgets ist:

http://jqueryui.com/spinner/

Answer 3

Was ist mit diesem bootstrap-spinedit?
Es ist ziemlich alt, aber immer noch funktioniert wie erwartet in diesen Tagen.

HINWEIS: Demos funktionieren nicht, weil sie auf nicht vorhandene Skripts verweisen.

Sie können sehen, wie es funktioniert here.

HTML

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

Javascript

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