easyui-numberspinner實現雙箭頭效果
阿新 • • 發佈:2017-06-02
java tin div input pointer position textbox com value
效果圖:
實現了
[點擊左上角 輸入框的值加 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實現雙箭頭效果