Бронирование, выбор даты, минимальный срок 5 дней, автоматический выбор 5 дней, как реализовать?

Question

[Антон Вебсайтовский]

Всем привет.

Форма бронирования, к форме подключен датапикер.

При выборе даты, надо чтобы срок бронирования минимальный учитывался, допустим если минимальный срок бронирования 5 дней, то при выборе допустим 1.04, занимаются также 2.04, 3.04, 4.04, 5.04, так выходит, что мы занимаем минимум 5 дней.

Подскажите как реализовать.

Форма бронирования:
https://jsfiddle.net/8jwkzfda/1/

Comments

[Иван]

Такое ощущение, что у Вас есть какой-то проект, а Хабр за Вас его выполняет ;)

[Антон Вебсайтовский]

Иван, да нет, я как бы ноль почти в js, вот улучшаю форму, появилась задача, пытаюсь решить, спрашиваю помощь.

Answer 1

[Антон Вебсайтовский]

Если кому надо то вот решение

$start.datepicker({
    minDate: new Date(), //запрещает выбор прошедшей даты
    onSelect: function(fd, date) {
      var date_from = toDate(fd);
      var date_to = toDate($end.val());
      var days_count = Math.abs(date_to - date_from) / 86400000;
      if (!isNaN(days_count)) {
        $("#days_count").text(days_count);
        $('#datedney').val(days_count); 
      }
		var numberOfDaysToAdd = 5;
		date_from.setDate(date_from.getDate() + numberOfDaysToAdd);
	  $end.data("datepicker").update("minDate", date_from);
      $end.focus(); //перекидывает на вторую дату
    }
  });

Вот

var numberOfDaysToAdd = 5;
		date_from.setDate(date_from.getDate() + numberOfDaysToAdd);

Answer 2

[WebEagle]

на оба поля ввода даты поставить событие onchage
Можно поставить условие на выбор первой даты, если вторая дата не выбрана - то автоматически выставляется +5 дней. И по хорошему если не выбрана первая дата делал бы disabled на второй инпут.
При событии onchange на втором инпуте проверять условие, и если нет проходи автоматически очищать поле ввода.
Важно! При обработке onchange, если поле пустое - просто игнорим

Comments

[Антон Вебсайтовский]

Не на столько соображаю ) по этому тут и написал, чтоб помогли.