Question

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

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

任何人都可以帮我吗？

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

Answer 2

搜索后＆amp;尝试＆amp;尝试了很多（我完全没有编码），我将此代码粘贴到CF7 + CF7datepicker表单的末尾像这样满满的：到达ID：date1（设置为最小日期：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)
        }
    });
});

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

2 个答案: