¿Le gustaría personalizar cómo aparecen las fechas en sus formularios? Aunque WPForms proporciona tres formatos de fecha predeterminados en el selector de fecha del campo Fecha / Hora, puede agregar fácilmente más formatos para satisfacer sus necesidades.
Esta guía le mostrará cómo crear formatos de fecha personalizados usando PHP.
Por defecto, el selector de fecha del campo Fecha / Hora proporciona tres formatos de fecha diferentes para elegir.
Configuración de formatos de fecha personalizados
Para añadir nuevos formatos de fecha, tendrás que añadir un fragmento de código a tu sitio. Si no estás seguro de cómo añadir código personalizado, consulta nuestra guía sobre cómo añadir fragmentos de código.
/**
* Add additional formats for the Date field Date Picker
*
* @link https://wpforms.com/developers/how-to-create-additional-formats-for-the-date-field/
*/
function wpf_dev_date_field_formats( $formats ) {
// Item key is JS date character - see https://flatpickr.js.org/formatting/
// Item value is in PHP format - see http://php.net/manual/en/function.date.php
// Adds new format Monday, 20th December 2021
$formats[ 'l, J F Y' ] = 'l, jS F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Este formato de fecha nos permitirá introducir la fecha completa en un formato más largo Lunes, 20 de diciembre de 2021. Para encontrar más formatos como este, consulte la documentación oficial de formatos de PHP.
Uso de separadores personalizados
Para cambiar el separador de fechas (por ejemplo, de / a -), utilice este código:
/**
* Change date separator format
*/
function wpf_dev_date_field_formats( $formats ) {
// Adds new format 24-07-2021
$formats[ 'j-m-y' ] = 'j-m-y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Añadir palabras a los formatos de fecha
Para incluir palabras en su formato de fecha (como "Lunes, 20 de diciembre de 2021"), utilice este código:
/**
* Add words to date format
*/
function wpf_dev_date_field_formats( $formats ) {
// Adds new format Monday, 20th of December 2021
$formats[ 'l, J \of F Y' ] = 'l, jS \of F Y';
return $formats;
}
add_filter( 'wpforms_datetime_date_formats', 'wpf_dev_date_field_formats', 10, 1 );
Creación del formulario
A continuación, vamos a crear nuestro formulario y añadir nuestros campos. Esto incluirá un campo de formulario Fecha / Hora.
Si necesita ayuda para crear un formulario, consulte esta documentación.
Una vez que haya añadido su campo de formulario Fecha / Hora, haga clic en la pestaña Opciones de campo y seleccione Avanzado para seleccionar el Formato y seleccione su nuevo formato.
Y eso es todo lo que necesita para crear formatos de fecha adicionales para su Selector de fecha del campo Fecha. ¿Desea personalizar también el selector de hora? Por favor revise nuestro tutorial sobre Cómo Personalizar el Selector de Hora del Campo Fecha.
Filtro de referencia
Referencia del filtro: wpforms_datetime_date_formats