MW WP FormのDate Pickerにreadonlyを付与したい

MW WP FormでDate Pickerを利用すると、カレンダーが表示され、選択された日付が自動的にinputに値が記入されるものを追加することができます。

デフォルトでは、カレンダーで選択された日付をさらにinputで直接編集できてしまいます。カレンダーから選択された値だけが入るようにしたい。そのために、inputにreadonlyオプションを付与します。

でも、MW WP Formの管理画面からreadonlyオプションを付与することができないんですよね。そのため、今回はDate Pickerのクラスに対して自動的にreadonlyが入るjQueryを追加します。

/**
 * Date Pickerのinputにreadonlyオプションを付与する
 */
$( function() {
	$( '.hasDatepicker' ).attr('readonly', 'readonly');
} );

石井秀幸@WEBデザイナー
WordPress公式『横浜 WordPress Meetup』主宰/株式会社ノクチ基地 取締役/モンゼンクリエイティブ合同会社 代表。WEB制作に関する技術や役立つ情報を発信していきます。10年にわたるWordPress歴を背景に、幅広いアイデアを形にするお手伝いをしています。