Gravity Forms日期选择器点击周末无弹窗问题求助

你的代码没生效主要有两个核心问题：

• jQuery UI Datepicker没有onClick这个配置项，正确的选择事件是onSelect
• Gravity Forms的表单元素可能在$(document).ready执行时还未完全渲染，或者它的日期选择器是由插件内部初始化的，直接重新调用datepicker()会引发覆盖或冲突

修正后的代码方案 #

jQuery(document).on('gform_post_render', function() {
    // 针对Gravity Forms动态渲染的表单，确保元素存在后再绑定
    var dateField = jQuery("#input_2_3");
    if (dateField.length) {
        // 获取已初始化的datepicker实例，修改其onSelect事件
        dateField.datepicker('option', 'onSelect', function(selectedDate) {
            var date = jQuery(this).datepicker('getDate');
            var day = date.getDay();
            // getDay()返回0是周日，6是周六，之前的day===7判断无效（不存在该值）
            if (day === 0 || day === 6) {
                alert('你点击了周末日期！');
            }
        });
    }
});

关键说明 #

1. 事件名修正：替换onClick为onSelect，这是jQuery UI Datepicker官方定义的选择回调事件
2. 初始化时机：使用Gravity Forms的gform_post_render事件，该事件会在表单渲染完成（包括动态加载的表单）后触发，避免元素未找到的问题
3. 日期判断逻辑修正：getDay()方法返回值范围是0（周日）到6（周六），之前的day ===7判断无意义，修正后才能正确识别周末

额外注意事项 #

• 确保WordPress已加载jQuery和jQuery UI Datepicker（Gravity Forms默认会加载，若有禁用脚本的插件需检查）
• 若在自定义主题的functions.php中添加脚本，建议用wp_enqueue_script结合gform_enqueue_scripts钩子保证加载顺序：

add_action('gform_enqueue_scripts', 'enqueue_weekend_date_alert_script');
function enqueue_weekend_date_alert_script() {
    wp_enqueue_script(
        'weekend-date-alert',
        get_stylesheet_directory_uri() . '/js/weekend-alert.js',
        array('jquery', 'jquery-ui-datepicker'),
        '1.0',
        true
    );
}

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