JavaScript NumberInput

Set the spinButtons property of the jqxNumberInput. Author: http://jqwidgets.com

by mogador

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxNumberInput1'></div>
<br>
<div id='jqxNumberInput2'></div>

JavaScript

$("#jqxNumberInput1").jqxNumberInput({spinButtons:true});
 
  $("#jqxNumberInput2").jqxNumberInput({});
 
  $("#jqxNumberInput1").jqxNumberInput({
  		width: 100,
     groupSeparator: '',
     groupSize: 0,
     inputMode: 'simple',
     min: 0,
     spinMode: 'simple',
     enableMouseWheel: false,
     decimalDigits: 0,
     
     spinButtonsStep:1,
     theme:'energyblue'
 });

  $("#jqxNumberInput2").jqxNumberInput({
     groupSeparator: '',
     groupSize: 0,
     inputMode: 'simple',
     min: 0,
     spinMode: 'simple',
     enableMouseWheel: false,
     decimalDigits: 0,
     spinButtons:true,
     spinButtonsStep:1,
     theme:'energyblue'
 });