estoy intentando hace que un range muestre una cantidad en euros con separador decimal y con un campo para escribir el numero lo mismo. En el campo escrito lo he conseguido pero con la barra del range no muestra el punto.
$("#ningresos").on({
"focus": function(event) {
$(event.target).select();
},
"keyup": function(event) {
$(event.target).val(function(index, value) {
return value.replace(/\D/g, "")
.replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ".");
});
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="range" id="ingresos" name="amountRange" min="0" max="35000" value="0" step="500" oninput="this.form.amountInput.value=this.value" />
<input type="number" class="precio" id="ningresos"name="amountInput" min="0" max="35000" value="0" oninput="this.form.amountRange.value=this.value" />
</form>