「Advanced Custom Fields」のデイトピッカーの出力（日付フォーマット）が指定通りにいきません。

Question

初めて質問させていただきます。
WordPressは何年もカスタマイズしていますが、PHPの記述を自ら生み出せるわけではないので、いつも検索してやっとやりたいことを実現させている感じのレベルです。
アドバイスいただけると嬉しいです。よろしくお願いいたします。

前提・実現したいこと

WordPressのトップページに、開催予定・開催中のイベント情報を2件掲載したいと思っております。

設定項目は以下になります。

• 表示したいイベント情報は「投稿」のカテゴリ「イベント」で投稿しています。
• 開催日は「Advanced Custom Fields」で「app_end」というフィールド名をつけ、デイトピッカーで日付を設定。
• デイトピッカーの「表示フォーマット」と「返り値のフォーマット」はCustomで「Y/m/d」を設定。

発生している問題

開催日を「Y/m/d」の形式で表示させたいのですが、「20200110」というように表示されてしまいます。
※開催予定・開催中の表示非表示はうまくいっています。

該当のソースコード

コードは、検索して出てきた使えそうなコードを拝借しました。

	<?php
	$current_date = date_i18n( 'Y/m/d' );
	$args = array(
	'showposts' => '2',
	'orderby' => 'meta_value',
	'meta_key' => 'app_end',
	'order' =>'ASC',
	'meta_query' => array(
	array(
	'key' => 'app_end',
	'value' => $current_date,
	'compare' => '>=',
	'type' => 'DATE'
	)
	)
	);
	$output = '';
	query_posts( $args );
	if ( have_posts() ) :
		$output .= '
	<div class="event-area area-wrap">
        <h2 class="pagettl__head">イベント・アクションに参加する</h2>
        <div class="container-sm inner">';
		while ( have_posts() ) : the_post();
			$output .= '
<div class="box"><div class="date"><span><i class="fa fa-calendar" aria-hidden="true"></i> 開催日</span><span>'. get_post_meta( $post->ID, 'app_end', true ) .'</span></div>
<h3 class="ttl"><a href="'. get_permalink() .'">'. get_the_title() .'</a></h3></div>
';
		endwhile;
		$output .= '</div></div>
';
		echo $output;
		wp_reset_query();
	endif;
	?>

試したこと

• WordPressの「設定＞一般」で「日付のフォーマット」を「Y/m/d」に変更してみるも何も変わらず。
• get_post_meta( $post->ID, 'app_end', true )をthe_field('app_end')などにしてみるも、うまくいかず。そもそも記述方法が合っていないですよね。。

補足情報（ツールのバージョンなど）

• WordPressのバージョン：5.3.29
• 「Advanced Custom Fields」のバージョン：5.8.7（最新）

Answer 1

返り値のフォーマットがY/m/dになっていて出力方法がthe_field('メタキー')やget_field('メタキー')ならY/m/dになりますがget_post_meta()だとデータベースに保存された値を返すだけです。
the_fieldでY/m/dにならないなら返り値のフォーマットがY/m/dになっていないと思われます。

<?php
$current_date = date_i18n( 'Y/m/d' );
$args = array(
	'showposts' => '2',
	'orderby' => 'meta_value',
	'meta_key' => 'app_end',
	'order' =>'ASC',
	'meta_query' => array(
		array(
			'key' => 'app_end',
			'value' => $current_date,
			'compare' => '>=',
			'type' => 'DATE'
		)
	)
);
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ):
?>
<div class="event-area area-wrap">
<h2 class="pagettl__head">イベント・アクションに参加する</h2>
<div class="container-sm inner">
<?php while ( $the_query->have_posts() ):
	$the_query->the_post();
?>
	<div class="box">
		<div class="date">
			<span><i class="fa fa-calendar" aria-hidden="true"></i>開催日</span><span><?php the_field( 'app_end' ); ?></span>
			<h3 class="ttl"><a href=<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h3>
		</div>
	</div>
<?php endwhile;
	wp_reset_postdata();
?>
</div></div>
<?php endif; ?>

Comments

[fuwafuwacocoa]

早速ありがとうございます。
「the_field」や「get_field」で出力しないと「Y/m/d」形式で表示されないのですね。
今の記述方法だと、ちょっと厳しそうなので別の方法でやってみます。

[退会済みユーザー]

厳しそうですか？get_post_metaの所を書き換えれば済む話しです。
でもquery_postsとか使わない方がいいです。
ネットに書かれている情報も古いまま訂正もされないものも多いので参考にするならなるべく新しい情報から選んでください。

適当に書き換えて回答に追記したのでおかしかったら直してください。

[fuwafuwacocoa]

表示されました！感動です！！＞＜
教えていただいたコードを見ても、恥ずかしながらサッパリで…。。
query_postsも使わない方がいいとはわかっているのですが、どうにもいかないとついそのまま使ってしまい；
教えていただいたコードを理解できるよう、これからがんばります。
ありがとうございました！