Форма для связи 7 Дата, диапазон дат между 2 датами

Question

Я хотел бы иметь два поля даты в моей контактной форме Wordpress 7. Дата начала и дата окончания. Поля будут финалистами из плагина Contact Form 7 Datepicker. Когда посетитель выбрал дату начала, он должен только выбрать дату окончания, которая на 4 дня позже даты начала.

Как я могу достичь этого, используя создатель формы «контактная форма 7»?

Answer 1

Это синтаксис Я ввел «контактную форму 7».

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

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

И я добавил этот код в конец файла функций темы Wordpress.

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 дня позже, чем первый выбор даты.

Answer 2

Возможно, этот плагин поможет вам. Этот плагин работает вместе с CF 7

http://wordpress.org/plugins/contact-form-7-datepicker/

И вы можете добавить свой собственный JavaScript для даты манипуляции после добавления DatePicker в CF 7.

Пример:

jQuery(document).ready(function($) { 
    $(".from").datepicker({ 
     onClose: function(selectedDate) { 
      $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $(".to").datepicker({ 
     onClose: function(selectedDate) { 
      $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
});