AI要約
フォームの日付の表示方法をカスタマイズしますか？ WPFormsでは、[日付/時刻]フィールドの日付ピッカーに3つのデフォルトの日付形式が用意されていますが、ニーズに合わせて簡単に形式を追加できます。
このガイドでは、PHPを使用してカスタム日付形式を作成する方法を説明します。
デフォルトでは、[日付/時刻]フィールドの日付ピッカーには、選択できる3つの異なる日付形式が用意されています。
カスタム日付形式の設定
新しい日付形式を追加するには、サイトにコードスニペットを追加する必要があります。カスタムコードの追加方法がわからない場合は、コードスニペットの追加方法に関するガイドを参照してください。
/**
* 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 );
この日付形式では、完全な日付を2021年12月20日月曜日のような長い形式で入力できます。このような形式の詳細については、PHPの公式フォーマットドキュメントを参照してください。
カスタム区切り文字の使用
日付区切り文字を変更するには（例：/から-へ）、このコードを使用します：
/**
* 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 );
日付形式に単語を追加する
日付形式に単語を含めるには（例：「2021年12月20日月曜日」）、このコードを使用します：
/**
* 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 );
フォームの作成
次に、フォームを作成し、フィールドを追加します。これには1つの[日付/時刻]フォームフィールドが含まれます。
フォームの作成についてサポートが必要な場合は、このドキュメントを参照してください。
[日付/時刻]フォームフィールドを追加したら、フィールドオプションタブをクリックし、高度な設定を選択して、形式を選択し、新しい形式を選択します。
これで、日付フィールドの日付ピッカーに追加の日付形式を作成するために必要なすべてが揃いました。時刻ピッカーもカスタマイズしますか？ 日付時刻フィールドの時刻ピッカーをカスタマイズする方法のチュートリアルを確認してください。
参照フィルター
フィルター参照：wpforms_datetime_date_formats