標準動作

間隔と最大値を設定(間隔4、最大値22)

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.fs.stepper.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fs.stepper.min.js"></script>
<script>
    $(window).load(function(){
		$('input[type=number]').stepper();
    });
</script>
<div class="Stepper-box">
	<p class="title">標準動作</p>
	<input type="number" value="0" />
</div>

<div class="Stepper-box">
	<p class="title">間隔と最大値を設定(間隔4、最大値22)</p>
	<input type="number" min="2" max="22" step="4" data-stepper-options='{"labels":{"up":"Increase","down":"Decrease"}}' value="2" />
</div>

Stepperについて

Stepperは、マウス操作で数字をカウントアップ、ダウンで入力させるプラグインです。
アップ、ダウンの間隔や、最大値、最小値をオプションで設定できます。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Formly

    Formly

    簡単にフォームにきれいなスタイルを設定することができる

  • ClearableTextField

    ClearableTextField

    入力フォームに文字を入力すると文字削除用のボタンを表示

  • Ranger

    Ranger

    スライダーで値を選択できるUIを簡単に設置できる

  • DependentSelects

    DependentSelects

    セレクトボックスの選択に応じて、次のセレクトボックスの内容を動的に変更

  • timepicker

    timepicker

    時間の入力を簡単にしてくれる