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

【问题标题】：Disable dates and days of the week in ACF date picker在 ACF 日期选择器中禁用日期和星期几
【发布时间】：2020-06-04 21:42:46
【问题描述】：

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

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

我该怎么做：

禁用特定的未来日期？
禁用特定工作日（例如星期日）？

在下面的示例代码中？

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

【问题讨论】：

标签： javascript datepicker advanced-custom-fields jquery-ui-datepicker acfpro

【解决方案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');

【讨论】：