用于Bootstrap的跨浏览器数字微调器/步进器

Question

我正在寻找一个与Twitter Bootstrap 2.3集成的数字微调器，使用HTML5 input type="number"

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

根据撰写本文时的caniuse，只有Chrome会根据需要呈现此元素。可能Firefox很快就会这样做，从现在开始不会超过5到10年，IE也会提出解决方案。

我已经测试了其中几个，但都已经3年多了，依赖于jQuery UI并且没有与Bootstrap完全正确集成。

与此同时，我很好奇是否有任何jQuery库/或其他解决方案在屏幕截图中呈现输入。

Answer 1

这bootstrap-spinedit怎么样？ 它已经很老了，但这些天仍然按预期工作。

注意：演示不起作用，因为它们引用了不存在的脚本。

你可以看到它是如何运作的here。

<强> HTML

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

<强>的Javascript

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

Answer 2

最近，我遇到了Fuel UX图书馆，其中还包含spinner。

Answer 3

我不确定这是否是您测试的那个之一，但它是官方jQuery UI小部件集的一部分：

http://jqueryui.com/spinner/