easyui-numberspinner实现双箭头效果

效果图：

实现了

　　 [点击左上角输入框的值加 0.5]

　　[ 左下角值减0.5 ]

　　[ 右上角点击值加1]

　　 [ 右下角点击值减1]

代码：

<span style="position: relative;">

              <input class="easyui-numberspinner" id="newStayDays_continueRoom" style="width:150px;" data-options="editable:false,min:0,precision:1

                      ,onChange:function(newValue,oldValue){

                          continueRoom_livingDetail(newValue);

                      }"/>

              <span class="textbox-addon textbox-addon-right" style="left: 110px; top: -2px;height:22px;border: 1px solid #B1C242;">

                  <a href="javascript:void(0)" class="textbox-icon spinner-arrow" icon-index="0"

                         tabindex="-1" style="width:18px;height:22px;">

                     <a  class="spinner-arrow-up" id="iop" tabindex="-1" style="height:10px;position:relative;top:-22px;cursor:pointer;"></a>

                     <a  class="spinner-arrow-down" id="jkl" tabindex="-1" style="height:10px;position:relative;top:-22px;cursor:pointer;"></a>

                  </a>

              </span>

</span>

巴特西

easyui-numberspinner实现双箭头效果

最新文章

热门文章