WPForms日期选择器如何限定特定周三日期？

我懂你现在的困扰——已经把日期选择器锁死在周三了，但还得精准控制到几个特定的周三对吧？咱们只需要调整代码里的日期校验逻辑，直接指定允许的日期列表就行，具体修改如下：

修改后的完整代码 #

function wpf_dev_limit_date_picker() { ?>
<script type="text/javascript">
window.wpforms_75 = window.wpforms_75 || {};
window.wpforms_75.datepicker = {
    disableMobile: true,
    minDate: new Date(),
    enable: [
        function(dateObj) {
            // 定义允许的特定周三日期，格式为 YYYY-MM-DD
            const allowedDates = ['2024-08-26', '2024-09-23', '2024-10-21', '2024-11-18'];
            
            // 将当前日期对象转换为 YYYY-MM-DD 格式的字符串
            const year = dateObj.getFullYear();
            const month = String(dateObj.getMonth() + 1).padStart(2, '0');
            const day = String(dateObj.getDate()).padStart(2, '0');
            const currentDateStr = `${year}-${month}-${day}`;
            
            // 校验当前日期是否在允许列表中
            return allowedDates.includes(currentDateStr);
        }
    ]
};
</script>
<?php }
add_action( 'wpforms_wp_footer_end', 'wpf_dev_limit_date_picker' );

关键说明 #

• 指定允许日期：在allowedDates数组里按YYYY-MM-DD格式添加你需要的日期，记得年份要写准确（比如2024，如果是其他年份就对应修改）
• 日期格式转换：把日期对象转成和允许列表一致的字符串格式，确保校验匹配
• 保留原有配置：你原来设置的disableMobile和minDate都保留了，不影响之前的功能

这样修改后，用户就只能选择你指定的这几个周三了，其他日期（包括其他周三）都会被禁用。

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