Incremento y decremento ciclico en <input type="number">

[xfxstudios]

con un imput number no creo, vas a necesitar algo como javascript para ello:

Código HTML:

<div class="col-lg-6">
  <div class="input-group"> 
    <span class="input-group-btn"> 
      <button class="btn btn-default" id="carga" onClick="sube()" type="button">Carga</button> 
    </span> 
    <input type="text" id="contador" class="form-control" placeholder="1" value="1">
   <span class="input-group-btn"> 
     <button class="btn btn-default" id="descarga" onClick="baja()" type="button">Descarga</button> 
    </span> 
  </div> 
</div>
 

Código Javascript:

function sube(){
  var num = $("#contador").val();
  
  if(num == 31){
    $("#contador").val(1);
  }else{
    $("#contador").val(parseInt(num)+1);
  } 
}
 
function baja(){
  var num = $("#contador").val();
  
  if(num == 1){
    $("#contador").val(31);
  }else{
    $("#contador").val(parseInt(num)-1);
  }
  
}
 

Aquí una muestra que hice: http://codepen.io/anon/pen/QELBxR

Saludos, espero te sirva.

NOTA: El input es un input group de bootstrap.