联系表格 7 Datepicker，不同的 2 个日期答案

【问题标题】：Contact form 7 Datepicker, different 2 dates联系表格 7 Datepicker，不同的 2 个日期
【发布时间】：2015-03-28 07:28:02
【问题描述】：

我的 Wordpress 联系表 7 中有两个日期字段。一个入住日期和一个退房日期。这些字段将是来自“Contact Form 7 Datepicker”插件的日期选择器。当访问者选择了入住日期时，他应该只能选择比用户选择的入住日期晚 1 天的退房日期。

我尝试使用 Contact form 7 Datepicker, date range between 2 dates 的引用但没有帮助 -

谁能帮我解决这个问题？

【问题讨论】：

我不明白...如果第二个日期选择器总是开始日期 + 1，那它有什么意义？
这就像预订的开始日期和结束日期。你可以看看liveingoa.in/property/…

标签： jquery wordpress date datepicker contact-form-7

【解决方案1】：

请你使用上面提到的这个例子，但打开浏览器控制台，让我看看输出是什么：

        Start date charter*:
        [date* date-start date-format:MM_d_yy]

        End date charter*:
        [date* date-end date-format:MM_d_yy]
        And I added this code to the end of the functions file of the Wordpress theme.

        function calendar_js(){
        ?>
        <script>
        jQuery(function($){
        var start = $('.date-start input').first();
        var end = $('.date-end input').first();

        start.on('change', function() {
        var start_date = $(this).datepicker('getDate');
        start_date.setDate(start_date.getDate() + 3);
        console.log(start_date.getDate());
        end.datepicker('option', 'minDate', start_date);
        });
        });
        </script>
        <?php
        }
        add_action('wp_footer', 'calendar_js');

【讨论】：

输出是什么？！
没有成功，我仍然可以选择与开始日期相同的结束日期。虽然代码应该不允许用户选择与开始日期相同的结束日期。
请点击 f12 并进入控制台并复制结果并粘贴到这里，以便我可以帮助您
控制台没有报错，可以去官网看看liveingoa.in/property/beach-cottage-in-morjim-goa
请复制上面的代码并用你当前的脚本替换它

【解决方案2】：

在搜索、尝试和尝试了很多之后（我在编码方面完全是新手），我将此代码粘贴在 CF7+CF7datepicker 表单的末尾像这样充满：到达 id:date1 (设置为 min-date:0) 出发id：date2（必须提前1天到达日期）奇迹般地，它终于奏效了。希望对您有所帮助。

代码：

jQuery(function($){
    $("#date1").datepicker({
        dateFormat: 'dd/mm/yy',
        onSelect    : function (selected) {
            var unique = $(this).attr('id');
            unique = unique.replace('date1', '');
            var date = $(this).datepicker('getDate');
            if (date) {
                date.setDate(date.getDate() + 1);
            }
            $( '#date2' + unique).datepicker( 'option', 'minDate', date)
        }
    });
});

【讨论】：