• Ir a navegación principal
  • Ir al contenido principal
  • Ir a la barra lateral primaria
  • Ir al pie de página

Dani Sánchez - Gestionatuweb

Desarrollador web freelance - Dani Sánchez Gestionatuweb

  • ¿Eres agencia?
  • WordPress
    • Mantenimiento
    • Desarrollo
    • Soporte técnico
  • Cursos
  • Porfolio
  • Blog
  • Contacto
  • Solicita Presupuesto
Estás aquí: Inicio / Tutoriales / Configurar en español los campos tipo fecha (date) en Ninja Forms

Tutoriales, Wordpress / 5 de junio de 2017

Configurar en español los campos tipo fecha (date) en Ninja Forms

Si usas Ninja Forms para tus formularios en WordPress y alguna vez haz utilizado un campo de tipo fecha, te habrás topado con que este viene configurado por defecto en inglés, no solo los textos, si no que el primer día de la semana comienza en Domingo.

Esto puede despistar a nuestros usuarios y generar problemas si estamos utilizando el formulario para por ejemplo, un sistema de reservas.

En los apartados de Ajustes de Ninja Forms no encontré nada para personalizar este tipo de campos, así que cansado de dar vueltas, decidí localizar el código que genera este tipo de campos y modificarlo a mano.

En concreto deberemos modificar un archivo javascript ubicado en la ruta:

/wp-content/plugins/ninja-forms/assets/js/min/front-end–datepiker.min.js

El archivo está en versión «min» lo que nos añade dificultad ya que casi todo el código está en una única línea para ahorrar espacio, pero vamos a ello.

Para cambiar el nombre de los meses debemos irnos a la línea 86 y localizar la secuencia:

months:["January","February","March","April","May","June","July","August","September","October","November","December"]

Aconsejo utilizar la función «buscar» de vuestro editor de código favorito. Y lo sustituimos por:

months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"]

Con esto solucionamos el problema de los meses:

Ahora para cambiar la abreviatura de los días, en la misma línea 86 localizamos la secuencia:

weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]

Y lo sustituimos por:

weekdaysShort:["Dom","Lun","Mar","Mie","Jue","Vie","Sab"]

Y ya tenemos solucionado el problema de las abreviaturas de los días de la semana:

Ahora nos queda hacer que el día de la semana comience en lunes en lugar de domingo.

Para ello, y siguiendo en la línea 86, localizamos la secuencia:

firstDay:0

Y lo cambiamos por:

firstDay:1

Con esto desplazamos el calendario una posición en el tiempo, con lo que ahora la semana comenzará en lunes:

Aconsejo realizar una copia de seguridad de este archivo, pues en el momento que actualicemos el plugin de Ninja Forms, todo volverá a como estaba antes. Así podemos restaurarlo rápidamente.

Y eso es todo, espero que os haya resultado útil a todos los que, como a mí, nos ha dado más de un calentamiento de cabeza este tipo de campos.

Archivado en:Tutoriales, Wordpress Etiquetado con:desarrollo web, formularios, ninja forms, páginas web, plugins, publicaciones, tutoriales, wordpress

Interacciones con los lectores

Este artículo puede contener código que podría no funcionar correctamente en tu versión de WordPress o causar incompatibilidad con tu plantilla o plugins. Úsalo bajo tu responsabilidad y haz siempre copia de tus archivos antes de modificarlos.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  Acepto la política de privacidad

Barra lateral primaria

Daniel Sánchez

@danisanchez82
t.me/gestionatuweb

Buscar en la web

Entradas recientes

  • Adiós WhatsApp…
  • Configuración de WP Fastest Cache
  • Cómo añadir un enlace personalizado en el menú admin de WordPress
  • Hooks de Genesis Framework (init, header y framework) – Parte 1
  • Añade el soporte de Genesis Framework para tus Custom Post

Categorías

  • Actualidad
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • Wordpress

Comentarios recientes

  • Carlos en Crear un WebView con Android Studio para cargar una web en una APP Android
  • william maffiold en Instalar LAMP y phpMyAdmin en MX Linux 19
  • dani en Divi, diseñar una plantilla predeterminada para cargar Custom Posts
  • dani en Subir un WordPress terminado de tu ordenador (local) al servidor final (hosting)
  • Carlos en Divi, diseñar una plantilla predeterminada para cargar Custom Posts

Hosting de confianza

Footer

Buscar en la web

  • Inicio
  • Agencias
  • Mantenimiento WordPress
  • Desarrollo WordPress
  • Soporte técnico WordPress
  • Cursos
  • Portfolio
  • Blog
  • Contacto
  • Política de privacidad

Mis redes

  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

© 2016–2021 Gestionatuweb · Programado con Genesis Framework · Iniciar sesión

Utilizo cookies para obtener datos estadísticos sobre el uso de mi sitio web y personalizar la publicidad (no intrusiva) del blog según tus intereses. En ningún caso estas cookies te identifican como persona, solo a tu dispositivo en la Red. Aceptando el uso de cookies me ayudarás a mantenener el blog gracias a la publicidad y podré mejorar la experiencia de uso gracias a la analítica web. Puedes navegar por mi sitio web sin que se instale ninguna de estas cookies, aunque este mensaje permanecerá visible en todo momento.AceptoPolítica de privacidad