阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 Bootstrap TouchSpin 中文API文档

      插件 Bootstrap TouchSpin 中文API文档

      源码 & 下载

      Bootstrap TouchSpin是Bootstrap 3和4的移动和触摸友好输入微调器组件。

      <input id="demo1" type="text" value="55" name="demo1">
      <script>
          $("input[name='demo1']").TouchSpin({
              min: 0,
              max: 100,
              step: 0.1,
              decimals: 2,
              boostat: 5,
              maxboostedstep: 10,
              postfix: '%'
          });
      </script>
      
      <form class="form-horizontal" role="form">
          <div class="form-group">
              <label for="demo2" class="col-md-4 control-label">Example:</label> <input id="demo2" type="text" value="0" name="demo2" class="col-md-8 form-control">
          </div>
      </form>
      
      <script>
          $("input[name='demo2']").TouchSpin({
              min: -1000000000,
              max: 1000000000,
              stepinterval: 50,
              maxboostedstep: 10000000,
              prefix: '$'
          });
      </script>
      
      <input id="demo_vertical" type="text" value="" name="demo_vertical">
      <script>
          $("input[name='demo_vertical']").TouchSpin({
            verticalbuttons: true
          });
      </script>
      
      <input id="demo_vertical2" type="text" value="" name="demo_vertical2">
      <script>
          $("input[name='demo_vertical2']").TouchSpin({
            verticalbuttons: true,
            verticalupclass: 'glyphicon glyphicon-plus',
            verticaldownclass: 'glyphicon glyphicon-minus'
          });
      </script>
      
      <input id="demo3" type="text" value="" name="demo3">
      <script>
          $("input[name='demo3']").TouchSpin();
      </script>
              
      
      <input id="demo3_21" type="text" value="" name="demo3_21">
      <script>
          $("input[name='demo3_21']").TouchSpin({
              initval: 40
          });
      </script>
      <input id="demo3_22" type="text" value="33" name="demo3_22">
      <script>
          $("input[name='demo3_22']").TouchSpin({
              initval: 40
          });
      </script>
      
      目录
      本文目录
      目录