3

数値を選択するには、右側に上下矢印がある数値入力が必要です。ただし、ステップは値に応じて変化し、値はさまざまな場所に丸められます (例のフィドルを確認できます)。

今、私はこれに対して3つの異なるアプローチを試みました:

Bootstrap - type="number" = 推奨される方法

丸めとステップ変更を試みましたが、失敗しました。アップダウン ボタンのみを使用すると機能しますが、例として 2000000 を入力すると、無効であることが示されます。さらに、これは Firefox では機能しません。この問題を調査しているときにModernizrに出くわしましたが、それを実装する方法がわかりませんでした (主な問題が解決されたら、これをさらに調べます)

jQuery UI スピナー

ブートストラップの試みのように、丸めとステップを実際に機能させることができませんでした。また、スタイルが競合するため、CSS の変更が必要になります。

カスタム試行

フィドルに示されているように、私は独自のアプローチを試みました。ボタンクリックの機能を追加する必要があります。なんらかの理由で、span12 を使用しているときに、コンテナー div を満たすものを取得できませんでした。

My (failed) results so far: http://jsfiddle.net/rZyZW/

私はおそらく簡単な方法を見落としているか、これで間違った方向に進んでいます。誰かが助けてくれることを願っています!

編集*

以下の@ rbaker86の応答を確認してください。これは、ステップの丸めと変更に関する私の問題に対する優れた解決策です。

これを Firefox で動作させるだけです。

4

1 に答える 1