WP Forms+Flatpickr无法禁用指定日期 技术求助

核心原因 #

你使用的全局window.wpforms_datepicker配置会被WP Forms针对单个日期字段的初始化逻辑覆盖，且直接用disable属性的方式不符合WP Forms集成的jQuery UI Datepicker配置规范，导致特定日期禁用无效。

解决代码 #

替换你当前的代码为以下内容：

add_action( 'wpforms_wp_footer_end', 'custom_disable_specific_dates_wpforms', 10 );
function custom_disable_specific_dates_wpforms() {
    ?>
    <script>
        jQuery(document).ready(function($) {
            // 定位目标表单的日期输入框
            $('#wpforms-form-3375 .wpforms-field-date input').on('wpformsDatepickerInit', function() {
                $(this).datepicker('option', {
                    minDate: new Date('2023-10-30'),
                    maxDate: new Date('2023-12-02'),
                    // 自定义日期禁用规则
                    beforeShowDay: function(date) {
                        // 需要禁用的特定日期（统一用yy-mm-dd格式）
                        const disabledDates = [
                            '2023-11-09',
                            '2023-12-01',
                            '2023-12-02'
                        ];
                        // 格式化当前日期为统一字符串
                        const currentDateStr = $.datepicker.formatDate('yy-mm-dd', date);
                        // 周日的getDay()返回0
                        const isSunday = date.getDay() === 0;
                        
                        // 返回[是否启用该日期, 附加CSS类名]
                        return [ !isSunday && !disabledDates.includes(currentDateStr), '' ];
                    }
                });
            });
        });
    </script>
    <?php
}

关键说明 #

1. 事件监听时机：通过wpformsDatepickerInit事件确保在WP Forms的日期选择器完全初始化后再修改配置，避免被默认设置覆盖。
2. beforeShowDay方法：这是jQuery UI Datepicker官方指定的日期禁用方式，能同时处理周日禁用和特定日期禁用的逻辑，比直接用disable属性更可靠。
3. 日期格式统一：用$.datepicker.formatDate将日期对象转为yy-mm-dd格式的字符串，避免时区或格式不匹配导致的判断失效。
4. 选择器精准定位：#wpforms-form-3375 .wpforms-field-date input能准确找到目标表单下的日期输入框，不会影响其他表单的日期字段。

额外检查 #

• 确认你的WP Forms版本支持wpformsDatepickerInit事件（多数新版都支持）。
• 移除原来的全局window.wpforms_datepicker配置代码，避免冲突。
• 确保网站没有禁用jQuery（WP默认会加载，除非你主动移除了）。

内容的提问来源于stack exchange，提问作者pixelcrash