跨浏览器数字微调器/步进器适用于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库/或其他解决方案可以呈现如屏幕截图中输入。

- Valentin Despa

---

这种渲染方式的问题在于，在小型设备上非常难以使用。这就是为什么我开发了Bootstrap TouchSpin，它更易于在触摸设备上操作，并且具有跨浏览器兼容性。 - István Ujj-Mészáros

Answer 1

这个bootstrap-spinedit怎么样？它虽然有点老，但在当今仍然能够正常工作。

请注意，演示无法正常工作，因为它们参考了不存在的脚本。

您可以在这里查看其工作原理。

HTML。

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

Javascript

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

- LeftyX

---

到目前为止，这是我测试过的最佳解决方案。不幸的是，该项目本身似乎并不太受欢迎或活跃。 - Valentin Despa

是的，我知道，但似乎作者仍在工作并修复它。 - LeftyX

似乎在b4中无法工作。 - Leandro Bardelli

Answer 2

最近我发现了Fuel UX库，其中包含一个spinner（旋转器）。

- Valentin Despa

Answer 3

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

http://jqueryui.com/spinner/

- rink.attendant.6

---

谢谢您的回答。我已经检查了jQuery UI的Spinner，但它与我所拥有的内容不太兼容。 - Valentin Despa