Подтвердить что ты не робот

Кросс-браузерный цифровой счетчик/степпер для бутстрапа

Я ищу цифровой счетчик, который интегрируется с Twitter Bootstrap 2.3, используя HTML5 input type="number"

stepper

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

Согласно caniuse на момент написания этой статьи, только Chrome отображает этот элемент по своему желанию. Вероятно, Firefox скоро это сделает, и через 5-10 лет IE также придумает решение.

Я тестировал пару из них, но всем было 3+ года, полагаться на пользовательский интерфейс jQuery и точно не интегрировать их правильно с Bootstrap.

Тем временем мне было просто любопытно, есть ли какие-либо библиотеки jQuery/или другое решение, которые отображают входные данные, как на скриншоте.

4b9b3361

Ответ 1

Недавно я столкнулся с библиотекой Fuel UX, которая также включает spinner.

Spinner Fuel UX

Ответ 2

Что насчет bootstrap-spinedit?
Он довольно старый, но по-прежнему работает как ожидается в эти дни.

ПРИМЕЧАНИЕ: демонстрации не работают, потому что они ссылаются на не существующие скрипты.

Вы можете увидеть, как это работает здесь.

HTML

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

Javascript

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

Ответ 3

Я не уверен, что это один из тех, которые вы тестировали, но это часть официального набора виджета jQuery UI:

http://jqueryui.com/spinner/