Traducir el campo fecha del formulario nativo de Elementor PRO

Traducir el campo fecha del formulario nativo de Elementor PRO

Tabla de contenido

En este tutorial, vas a aprender cómo traducir el campo fecha del formulario nativo de Elementor PRO usando código PHP personalizado dentro del tema hijo de Astra. También verás que el formato de fecha predeterminado de (aaaa / mm / dd) ha cambiado a (dd / mm / aaaa). 

Suscríbete y aprende gratis

¿Te apasiona el mundo web? Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web.

/**
 * Traducción de los textos de calendario
 */
add_action('wp_footer', function () {
if ( is_page( 112 ) ) {

    // Do this

  } elseif ( is_page( 118 ) ) {

    // Do that

  } else {

return;
}
?>
<script>
jQuery( document ).ready( function( $ ){
function waitForFlatpicker( callback ) {
if ( typeof window.flatpickr !== 'function' ) {
setTimeout( function() { waitForFlatpicker( callback ) }, 2 );
}
callback();
}
waitForFlatpicker( function(){
flatpickr.l10ns.pt = {
weekdays: {
shorthand: ["Dom", "Lun", "Mar", "Mier", "Jue", "Vie", "Sab"],
longhand: [
"Domingo",
"Lunes",
"Martes",
"Miércoles",
"Jueves",
"Viernes",
"Sábado",
],
},
months: {
shorthand: [
"Ene",
"Feb",
"Mar",
"Abr",
"May",
"Jun",
"Jul",
"Ago",
"Sep",
"Oct",
"Nov",
"Dic",
],
longhand: [
"Enero",
"Febrero",
"Marzo",
"Abril",
"Mayo",
"Junio",
"Julio",
"Agosto",
"Septiembre",
"Octubre",
"Noviembre",
"Diciembre",
],
},
rangeSeparator: " até ",
};
//set translations
flatpickr.localize(flatpickr.l10ns.pt);
flatpickr('.elementor-date-field');
//set format
setTimeout( function(){
$('.elementor-date-field').each(function(){ flatpickr( $(this)[0] ).set('dateFormat', 'd/m/Y');});
}, 1000 );
});
});
</script>
<?php
} );
Picture of Sobre el autor:<br>Sebastián echeverri Jaramillo - Sebasweb

Sobre el autor:
Sebastián echeverri Jaramillo - Sebasweb

Apasionado de WordPress, diseñador web y creador de contenido. Ayudo a emprendedores y negocios a construir su presencia online con sitios web funcionales y bien optimizados. Fundador de SEBASWEB, donde comparto tutoriales, guías y recursos sobre desarrollo web.

Enamorado de mis dos hijos y mi esposa, quienes son el motor de mi vida. Me encanta la fotografía y disfruto compartir conocimientos con profesionales de los sectores en los que trabajo. Siempre explorando nuevas herramientas digitales y tendencias del mundo web.

Sígueme en YouTube para más consejos sobre WordPress y desarrollo web.

Comparte este artículo

¿Que tal te pareció este artículo?

Recomiendo:

Sobre la afiliación…

Este blog se mantiene en parte gracias a enlaces de afiliación, que me generan una pequeña comisión sin costo adicional para ti. Solo recomiendo productos que he probado y confío. ¡Mil gracias por tu apoyo, significa muchísimo para mí!

También te podría interesar ver estos artículos

Nuevo icono de Twitter en Elementor

Con el cambio de imagen corporativa de Twitter es necesario cambiar el icono del tradicional pajarito por la...

Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Si llegaste a este artículo es porque necesitas saber cómo cambiar la opacidad y el color del placeholder...

Child Theme hello Elementor

Si estás buscando una forma de personalizar tu sitio web de WordPress creado con el plugin Elementor, estás...

Table tr td background de Elementor

En este corto artículo te quiero compartir un pequeño código para que puedas cambiar o quitar el color...

Habilitar Rank Math SEO en las plantillas de Elementor

Si estás añadiendo contenido a las plantillas de Elementor, es posible que necesites optimizar tu plantilla para SEO...

Los cambios que hago con Elementor no se ven en línea [posibles soluciones]

En este artículo, te quiero compartir una solución para un problema con el que a veces me he...

Algunas plataformas con las que trabajo

Suscríbete y aprende gratis

¿Te apasiona el mundo web? Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web.