k2-input-formatter

K2 Input Formatter es una librería ligera de JavaScript diseñada para mejorar la experiencia de usuario en formularios web mediante el control estricto y el formateo automático de datos en tiempo real. Sirve para transformar campos de entrada convencionales en componentes especializados que gestionan números con separadores de miles y decimales, así como fechas con hora (dd/mm/yyyy hh:mm:ss), garantizando que la información ingresada sea siempre válida antes del envío. Entre sus cualidades destacan su avanzado sistema de historial (deshacer/rehacer) basado en WeakMap para optimizar la memoria, su capacidad de normalización automática al pegar textos desde el portapapeles y una lógica de navegación fluida que permite saltar entre campos mediante la tecla Enter, ofreciendo una interfaz robusta, intuitiva y libre de errores de formato.

MIT License JavaScript Open Source
Ver en GitHub K2Sistemas-NET / k2-input-formatter
Campo Numérico — Ejemplo interactivo

Separador de miles automático con punto. Usa coma o el punto del teclado numérico como decimal.

Entero (sin decimales, max 8):
2 decimales (max 10):
4 decimales (max 12):
🔢
Separador de miles
Formatea automáticamente con puntos al escribir: 1.000.000
↩️
Deshacer / Rehacer
Ctrl+Z y Ctrl+Y independientes por campo, hasta 10 pasos
📋
Pegado inteligente
Filtra y reformatea automáticamente el texto pegado
🔒
Máximo dígitos
Controla el límite de dígitos con el atributo maxlength
Campo Fecha / Hora — Ejemplo interactivo

Formato dd/mm/yyyy hh:mm:ss. Escribe solo los dígitos y pulsa Enter para completar. El Enter en cada campo salta al siguiente.

Fecha 1:
Fecha 2:
Fecha 3:
📅
Formato automático
Inserta / y : al escribir. Solo tienes que teclear los dígitos
Validación en tiempo real
Borde rojo si la fecha no es válida (ej: 31/02/2026)
⌨️
Enter para completar
Rellena con la fecha de hoy los campos vacíos al pulsar Enter
↩️
Deshacer / Rehacer
Ctrl+Z y Ctrl+Y independientes por campo