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');
} );