Удаление даты из выбранных опций после истечения срока действия

Question

У меня есть базовая c форма выбора поля, в которой пользователи могут выбрать дату для курса, по которому они хотят получить больше информации. Эти даты добавляются вручную и не заполняются из базы данных и т. Д. c.

После выбора у меня есть скрипт, который динамически использует эту выбранную дату для заполнения формы запроса cf7, поэтому я знаю название курса и интересующий его курс свидание.

Я пытаюсь выяснить, как удалять даты в выбранных полях, срок действия которых истек, и обновлять их ежедневно, чтобы избежать появления старых дат курса.

Большое спасибо заранее.

if (jQuery(".booking-date select").length) {
  var options = jQuery(".booking-date select > option").clone();
  jQuery('select.wpcf7-select[name="coursedates"]').empty().append(options);
  // Add on change Function
  jQuery('.booking-date select').on('change', function() {
    var val = jQuery(this).prop('selectedIndex');
    jQuery('select.wpcf7-select[name="coursedates"]').prop('selectedIndex', val);
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<strong>Course Dates: </strong>
<div class="booking-date">
  <select class="coursedates">
    <option>17 December - 20 December 2019</option>
    <option>13 July - 17 July 2020</option>
    <option>14 December - 18 December 2020</option>
  </select>
</div>

Answer 1

Назначение значения, содержащего стандартный формат даты, для ваших параметров позволит вам легко сравнивать объекты Date.

$('.coursedates option').each(function() {
  var courseEndDate = new Date($(this).val());
  var dateNow = new Date();
  
  if (dateNow > courseEndDate) {
    $(this).remove();
    console.log('Removing ' + $(this).text() + '. Course has ended.');
  }
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="coursedates">
  <option value="2019-12-20">17 December - 20 December 2019</option>
  <option value="2020-07-17">13 July - 17 July 2020</option>
  <option value="2020-12-18">14 December - 18 December 2020</option>
</select>