ACF の Date Picker で範囲を指定する。

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

上記で大丈夫みたいでした