Use comma input with Bootstrap Touchspin

Question

I’m using Bootstrap Toutchspin to mount an 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>

So far wonder, but I need the input to use comma instead of dot.

Answer 1

If you want to exchange the point for the comma, you can replace the value input. Just use the events change touchspin.on.min touchspin.on.stopspin and replace one with the other:

$("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>