Formatear números con jQuery Pretty Number
En este artículo vamos a ver un plugin de jQuery llamado Pretty Number que nos permite transformar un número en un formato legible para los humanos, es decir, incorporándole los puntos o comas de los millares, como por ejemplo pasar de 23454321234 a 23.454.321.234.
Se pueden utilizar delimitadores diferentes como la coma, el punto, el espacio o cualquier carácter que se especifique en el complemento.
Para utilizarlo tan solo debemos incorporar en el <head> de nuestra página la librería jQuery, el plugin y su llamada:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="jquery.prettynumber.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#number").prettynumber();
});
</script>
En el <body> de nuestra página tendremos algo como lo siguiente:
<div id="number">1234567123672</div>
En este caso solo vamos a formatear el número que esté dentro del contenedor con id=»number». Los elementos a formatear también los podemos identificar en el documento con el atributo «class» para formatear todos los números.
Por otro lado, si quisieramos delimitar por comas, por ejemplo; cambiaríamos la llamada al plugin por losiguiente:
$("#number").prettynumber({
delimiter : ','
});Autor
¿Buscas trabajo de programador?
4 artículos que te podrían interesar
Ver más sobre
Deja una respuesta