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

Question

我正在寻找一个数字微调器,它使用HTML5与Twitter Bootstrap 2.3集成 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

这个怎么样引导,spinedit？
它已经很老了,但这些天仍然按预期工作.

注意:演示不起作用,因为它们引用了非现有脚本.

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

HTML

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

使用Javascript

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

Answer 2

最近我遇到了Fuel UX库,其中还包括一个微调器.