WordPress を使ってカスタムフィールド製造業をしていると、ACF で Date Picker を使う時があります。
こんな感じで、どこまでも選択し放題な感じなので、範囲を決めたいと思った時に管理画面から出来ないので
管理画面に以下のような js を読み込めば大丈夫だと思います。
example.js
(function($){
var post = $('#post');
var postType = $('#post_type').val();
var postTypes = [ 'post', 'page' ];
if ( -1 !== $.inArray( postType, postTypes ) ) {
var datePickerField = $('#acf-xxxxxx'); // xxxxxx の部分は編集画面の表示オプションに Field Keys があるので、チェックして確認
datePickerField.next('input').datepicker({ minDate: -1, maxDate: "+1d" }); // とりあえず前後一日を指定
}
})(jQuery);
ファイルの読み込みは割愛します。
うまいこと読み込めれば、上記画像みたいになります。
すでに出てたり知っていたらすみません。
追記:
date_picker_args があるので、さっきの example.js は
example.js
(function($){
acf.add_filter('date_picker_args', function( args, $field ){
if ( 'field_xxxx' === $field.data('key') ) { // field_xxxx の部分は編集画面の表示オプションに Field Keys があるので、チェックして確認
args.minDate = '+1d';
args.maxDate = '+3m';
}
return args;
});
})(jQuery);
上記で大丈夫みたいでした