首页 文章

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

提问于
浏览
0

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

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

谁能帮我这个?

2 回答

  • 0

    请问您可以使用上面提到的这个示例,但是打开浏览器控制台并告诉我输出是什么:

    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');
    
  • 0

    经过搜索和尝试并尝试了很多(我在编码方面的新手),我将此代码粘贴到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)
            }
        });
    });
    

相关问题