12

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

步进器

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

根据撰写本文时的caniuse的说法,只有 Chrome 会按照我的意愿呈现此元素。Firefox 可能会很快做到这一点,从现在起不超过 5 到 10 年,IE 也会提出解决方案。

我已经测试了其中的几个,但都是 3 岁以上,依赖 jQuery UI,并且没有与 Bootstrap 完全正确集成。

同时,我只是好奇是否有任何 jQuery 库/或其他解决方案可以呈现屏幕截图中的输入。

4

3 回答 3

9

这个bootstrap-spinedit怎么样?
它已经相当老了,但这些天仍在按预期工作。

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

你可以在这里看到它是如何工作的。

HTML

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

Javascript

$('.aSpinEdit').spinedit({
    minimum: -10,
    maximum: 50,
    step: 1
});
于 2013-08-23T14:31:36.357 回答
9

最近我遇到了Fuel UX库,其中还包含一个spinner

微调燃料用户体验

于 2013-09-10T07:01:05.893 回答
4

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

http://jqueryui.com/spinner/

于 2013-08-23T13:40:47.920 回答