Croix-navigateur Numérique Spinner / Stepper pour Bootstrap

Je suis à la recherche d'un numérique spinner qui s'intègre avec Twitter Bootstrap 2.3, en utilisant le HTML5 input type="number"

Croix-navigateur Numérique Spinner /Stepper pour Bootstrap

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

Selon caniuse au moment d'écrire ces lignes, seul le Chrome rend cet élément comme je le souhaite. Probablement Firefox va faire bientôt et pas plus de 5 à 10 ans à partir de maintenant, c'est à dire va également venir avec une solution.

J'ai testé un couple d'entre eux, mais ils ont été tous les 3 ans et+, compter sur jQuery UI et ne pas exactement s'intégrer correctement avec Bootstrap.

Pendant ce temps, j'étais juste curieux de savoir si il y a des bibliothèques jQuery /ou dans d'autres solution que de rendre l'entrée comme dans la capture d'écran.

Le problème avec ce genre de rendu, c'est qu'il est très difficile à utiliser sur les petits appareils. C'est pourquoi j'ai fait Bootstrap TouchSpin, qui est plus facile à manipuler sur les appareils tactiles et est compatible avec tous les navigateurs.

OriginalL'auteur Valentin Despa | 2013-08-23

  1. 9

    Récemment je suis tombé sur le Carburant UX de la bibliothèque, qui comprend également un spinner.

    Croix-navigateur Numérique Spinner /Stepper pour Bootstrap

    OriginalL'auteur Valentin Despa

  2. 9

    À propos de cet bootstrap-spinedit?

    C'est un peu vieux mais toujours fonctionne comme prévu ces jours-ci.

    NOTE: démos ne fonctionnent pas parce qu'ils l'référence non les scripts existants.

    Vous pouvez voir comment cela fonctionne ici.

    HTML

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

    Javascript

    $('.aSpinEdit').spinedit({
    minimum: -10,
    maximum: 50,
    step: 1
});
    Jusqu'à présent, la meilleure solution que j'ai testé. Malheureusement, le projet lui-même ne semble pas être très populaire ou active.
    Oui, je sais, mais il semble que l'auteur est encore à travailler et à le corriger.
    ne semble fonctionner dans la b4

    OriginalL'auteur LeftyX

  3. 4

    Je ne sais pas si c'est l'un de ceux que vous avez testés, mais c'est une partie de l'officiel de jQuery UI ensemble de widgets:

    http://jqueryui.com/spinner/

    Je vous remercie pour votre réponse. J'ai déjà vérifié le compteur de jQuery UI, mais il ne s'intègre pas bien avec ce que j'ai.

    OriginalL'auteur rink.attendant.6