在 ACF 日期选择器中禁用日期和星期几

Question

我找到了很多关于 (jQuery) 日期选择器的主题，但没有找到我正在寻找的特定 ACF 方式。

以下是一个完美的工作代码，用于在 ACF 中设置过去和未来的最大选定日期，但我还需要 2 个函数，但不知道如何实现它们。

我如何：

• 禁用特定的未来日期？
• 禁用特定工作日（f.i。星期日）？

在下面的示例代码中？

function yl_date_picker_customizations() {
    ?>
    <script type="text/javascript">
        (function($) {

            // JS here

            acf.add_filter('date_picker_args', function( args, $field ){

                // do something to args
                args['minDate'] = '0';  //For example, "+1m +7d" represents one month and seven days from today.
                args['maxDate'] = '30';


                return args;

            });

        })(jQuery); 
    </script>
    <?php       
}

add_action('acf/input/admin_footer', 'yl_date_picker_customizations');

Answer 1

这是工作代码:)

// Customization to reservation dates via datepicker
function yl_datepicker_customizations() {
    ?>
        <script type="text/javascript">
            (function($) {

                var arrDisabledDates = {};
                arrDisabledDates[new Date('06/19/2020')] = new Date('06/19/2020');
                arrDisabledDates[new Date('06/30/2020')] = new Date('06/30/2020');

                acf.add_filter('date_picker_args', function( args, $field ){

                    // do something to args
                    args['minDate']             = '0';  //For example, "+1m +7d" represents one month and seven days from today.
                    args['maxDate']             = '60';
                    args['beforeShowDay']       = function (date) {
                        var day = date.getDay(),
                        bDisable = arrDisabledDates[date];
                        if (bDisable) return [false, '', '']
                        else return [(day != 4) && (day != 2)]
                    }

                    return args;

                });

            })(jQuery);

        </script>
    <?php       
}

add_action('acf/input/admin_footer', 'yl_datepicker_customizations');