Custom Field Template　日付入力項目をカレンダーから入力できるようにする方法

MARKLEAPS

2022.07.11

WordPressのCustom Field Templateで日付の入力項目をカレンダーから入力できるようにする方法をまとめました。

やりたいこと

「開催日」などの日付の入力項目をカレンダーから入力できるようにしたい

カスタムフィールドの設定

date=true　でカレンダー機能が有効になる
dateFirstDayOfWeek = 1　月曜始まり
日曜始まりにする場合は、dateFirstDayOfWeek = 0　にする
初期設定では過去の日付は選択できない為、過去の日付も選択できるようにする場合は、startDateで指定の日付まで遡れるようにする

曜日付きで出力する

以下をテンプレートファイルの日付を出力したい箇所へ入力

<time>
<?php
$date = post_custom("event_date");
echo date('Y.n.j', strtotime($date));
?>（<?php
$date = post_custom("event_date");
$week = array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
$time = strtotime($date);
$w = date("w", $time);
echo $week[$w];
?>）
</time>

<time>

<?php

$date = post_custom("event_date");

echo date('Y.n.j', strtotime($date));

?>（<?php

$date = post_custom("event_date");

$week = array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");

$time = strtotime($date);

$w = date("w", $time);

echo $week[$w];

?>）

</time>

yyyy-mm-dd形式で取得して、表示する時に「Y.n.j」へ変換
yyyy-mm-dd形式から曜日を取得して表示

曜日はarray(“日曜”, “月曜”, “火曜”, “水曜”, “木曜”, “金曜”, “土曜”)と取得することも可能

WordPress

よく読まれている関連記事

[WordPress] Contact Form 7のフォーム送信履歴を管理画面にデータ保存&CSV保存プラグイン比較

Custom Field Template　日付入力項目をカレンダーから入力できるようにする方法

やりたいこと

カスタムフィールドの設定

曜日付きで出力する

よく読まれている関連記事

[WordPress] Contact Form 7のフォーム送信履歴を管理画面にデータ保存&CSV保存プラグイン比較

関連最新記事

[WordPress] トップ・固定・投稿などページ種別に応じた条件分岐タグまとめ

[WordPress] 管理画面のエラー表示を目立たせるために試したCSSカスタマイズ

[WordPress] デバッグモードを有効化してエラーをサイト上に表示・ログファイルに記録する方法

[WordPress] ブロックエディタ（Gutenberg）最初に覚えたい基本のブロックとその使い方

社内風景

社内風景2