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公式コミュニティ「横浜 WordPress Meetup」オーガナイザー。WordPress歴15年以上。アクセシビリティ対応とオリジナルテーマ開発を専門とし、公式テーマディレクトリの審査基準に準拠したテーマを制作しています。