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). 

Tengo un regalo para ti

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO
/**
 * 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
} );

Comparte este artículo

¿Que tal te pareció este artículo?

Recomiendo:

Sobre la afiliación…

Para mantener este blog, cuento parcialmente con el respaldo de enlaces de afiliación, los cuales generan una pequeña comisión si decides adquirir algo a través de ellos. Esto no implica ningún gasto adicional para ti y solo enlazo productos que personalmente he utilizado y recomiendo.

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

No te vayas sin tu regalo!

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Apúntate GRATIS a la newsletter y llévate de regalo un pack de plantillas exclusivas para Elementor!

SUSCRÍBETE

No te pierdas los artículos y trucos relacionados con WordPress, Elementor y diseño y desarrollo web en general.