联系表格 7 Datepicker，日期范围介于 2 个日期之间 [英] Contact form 7 Datepicker, date range between 2 dates

问题描述

我想在我的 Wordpress 联系表单 7 中有两个日期字段.开始日期和结束日期.这些字段将是Contact Form 7 Datepicker"插件中的日期选择器.当访问者选择了开始日期时，他应该只能选择比开始日期晚 4 天的结束日期.

I would like to have two date field in my Wordpress contact form 7. A start-date and an end-date. The fields will be datepickers from the "Contact Form 7 Datepicker" plugin. When visitor has selected a start-date he should only be able to select an end date that is 4 days later then the start-date.

如何仅使用联系表单 7"表单创建器来实现此目的?

How can I achieve this by only using the "contact form 7" form creator?

推荐答案

这是我放在联系表格 7"中的语法.

This is the syntax I put in the "contact form 7".

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

End date charter*:
[date* date-end date-format:MM_d_yy]

并且我将此代码添加到 Wordpress 主题的函数文件的末尾.

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);
                    end.datepicker('option', 'minDate', start_date);
            });
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'calendar_js');

现在第二个日期选择器必须比第一个日期选择器晚至少 4 天.

Now the second date picker must be at least 4 days later then the first date picker.

这篇关于联系表格 7 Datepicker，日期范围介于 2 个日期之间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！