Come creare formati aggiuntivi per il campo Data

Desideri personalizzare come vengono visualizzate le date nei tuoi moduli? Mentre WPForms fornisce tre formati di data predefiniti nel campo Data / Ora del Selettore Data, puoi facilmente aggiungerne altri per soddisfare le tue esigenze.

Questa guida ti mostrerà come creare formati di data personalizzati utilizzando PHP.

Per impostazione predefinita, il Selettore Data del campo Data / Ora fornisce tre diversi formati di data tra cui scegliere.

Impostazione di formati di data personalizzati

Per aggiungere nuovi formati di data, dovrai aggiungere uno snippet di codice al tuo sito. Se non sei sicuro di come aggiungere codice personalizzato, consulta la nostra guida su come aggiungere snippet di codice.

/**
 * 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 );

Questo formato di data ci permetterà di inserire la data completa in un formato più lungo Lunedì, 20 Dicembre 2021. Per trovare altri formati come questo, consulta la documentazione ufficiale dei formati PHP.

Utilizzo di separatori personalizzati

Per modificare il separatore della data (ad esempio, da / a -), usa questo codice:

/**
 * 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 );

Aggiunta di parole ai formati di data

Per includere parole nel formato della data (come "Lunedì, 20 Dicembre 2021"), usa questo codice:

/**
 * 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 );

Creazione del modulo

Successivamente, creeremo il nostro modulo e aggiungeremo i nostri campi. Questo includerà un campo modulo Data / Ora.

Se hai bisogno di assistenza nella creazione di un modulo, consulta questa documentazione.

Una volta aggiunto il campo modulo Data / Ora, fai clic sulla scheda Opzioni Campo e seleziona Avanzate per selezionare il Formato e scegliere il tuo nuovo formato.

E questo è tutto ciò che ti serve per creare formati di data aggiuntivi per il Selettore Data del tuo campo Data. Desideri personalizzare anche il Selettore Ora? Rivedi il nostro tutorial su Come personalizzare il Selettore Ora del campo Data Ora.

Filtro di Riferimento

Riferimento filtro: wpforms_datetime_date_formats