¿Como configurar el punto '.' como separador de decimales en un input number?
Tengo un 'input' de tipo 'number' todo va bien con el control, el detalle es que me maneja la coma ',' como separador de decimales, y yo quisiera que se pudiese ver con un punto '.' como separador. Existe una manera de darle formato a este control.
All Replies (5)
JCVega puedes configurar el punto decimal de esta manera <input type="number" step="0.01">
Gracias Blackfile, pero no me funciona no se si sea alguna configuración extra, pues si lo corro en w3school me corre bien, pero en mi web me sigue marcando la coma como separador de decimales.
https://support.cdn.mozilla.net/media/uploads/images/2015-03-26-17-53-48-0497ef.png
Modified by JCVega
viendo tu imagen ya tengo una mejor referencia, el problema no es el navegador lo que pasa es que estas utilizando angularJS y en su documentación tiene lo siguiente: "places a “,” after each third digit." esa es la razon por la que te aparece la ","
mira la documentación para que puedas solucionarlo Saludos
Ok probablemente sea AngularJS, voy a revisar ese tema, pero la parte que tu mencionas es con el filtro number: " | number " y la coma que pone es cada tres digitos del lado positivo : 21,321,321.0125. Tengo otro "bind" con el filtro de numero y me trabaja bien el punto decimal como separador de decimales. Otro detalle interesante es que en Chrome me muestra bien los decimales separados con un punto tanto en el "input" como en el "bind". Y tampoco es Firefox de lleno porque con otros "inputs" tipo numerico y AngularJS me muestra el punto decimal.
Modified by JCVega
Listo el problema es el idioma de mi pagina que estaba en lang="es" y solo hay que catafixiarlo por lang="es-mx". Y una disculpa por venirlos a molestar. Muchas Gracias Sr. Blackfile.