1

Estou utilizando o Bootstrap Toutchspin para montar um input,

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

 <div class="form-group">
   <input type="text" id="P8473_QTDE" name="p_t05" value="0" size="25" onkeypress="return submitEnter(this,event)" class="mt10 form-control">
 </div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>

<script>
$("input[name='p_t05']").TouchSpin({
  min: 0,
  max: 1000,
  boostat: 5,
  decimals: 3,
  forcestepdivisibility: "none",
  step: 1,
  maxboostedstep: 10,
  buttondown_class: "btn btn-ciano btn-lg btn-mob",
  buttonup_class: "btn btn-ciano btn-lg btn-mob",
  mousewheel: "true",
  initval: 0
});
</script>

Até aqui maravilha, porém preciso que o input utilize vírgula ao invés do ponto.

2
  • No lugar do ponto?
    – Sam
    Commented 10/04/2019 às 18:39
  • isso mesmo, desculpe. Commented 10/04/2019 às 19:00

1 Resposta 1

1

Se quiser trocar o ponto pela vírgula, você pode fazer um replace no value do input. Basta usar os eventos change touchspin.on.min touchspin.on.stopspin e substituir um pelo outro:

$("input[name='p_t05']").TouchSpin({
  min: 0,
  max: 1000,
  boostat: 5,
  decimals: 3,
  forcestepdivisibility: "none",
  step: 1,
  maxboostedstep: 10,
  buttondown_class: "btn btn-ciano btn-lg btn-mob",
  buttonup_class: "btn btn-ciano btn-lg btn-mob",
  mousewheel: "true",
  initval: 0
}).on("change touchspin.on.min touchspin.on.stopspin", function(){
   var t = this;
   t.value = t.value.replace(/\./g, ",");
}).trigger("change");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>
<div class="form-group">
   <input type="text" id="P8473_QTDE" name="p_t05" value="0" size="25" onkeypress="return submitEnter(this,event)" class="mt10 form-control">
</div>

6
  • Muito grato!! funcionou. Commented 10/04/2019 às 19:36
  • Quando altera o valor após a vírgula, o campo perde a referência. Commented 10/04/2019 às 19:45
  • Como assim?....
    – Sam
    Commented 10/04/2019 às 19:48
  • ao informar 1,250 por exemplo, e sair do input o campo perde a referência da fração e está sendo arredondado para 1. Commented 10/04/2019 às 20:03
  • Entendi. É só vc voltar o ponto quando for tratar o número no calculo. Só mudar os sinais no replace
    – Sam
    Commented 10/04/2019 às 21:18

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .