Datepicker, выбор диапазон дней, 2 поля, как в первом запретить выбор прошедшей даты?

Question

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

Всем привет.

Сделал форму по бронированию, 2 даты, выбор заезд и выезд.
Так вот в первой дате заезд, можно выбирать прошедшие дни, надо как-то запретить.
Еще бы вывести сколько я дней выбрал.

Рабочий пример:
https://jsfiddle.net/0ygsdna9/2/

Вот такой скрипт я использую для дат:

$(function() {
    $("#datepicker").datepicker();
    minDate: 0
  });

  var $start = $('#start'),
    $end = $('#end');

  $start.datepicker({
    onSelect: function(fd, date) {
      $end.data('datepicker')
        .update('minDate', date);
      $end.focus();
    }
  })
  $end.datepicker({
    onSelect: function(fd, date) {
      $start.data('datepicker')
        .update('maxDate', date)
    }
  })

  $.datepicker.regional['ru'] = {
    closeText: 'Закрыть',
    prevText: 'Предыдущий',
    nextText: 'Следующий',
    currentText: 'Сегодня',
    monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
    monthNamesShort: ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'],
    dayNames: ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'],
    dayNamesShort: ['вск', 'пнд', 'втр', 'срд', 'чтв', 'птн', 'сбт'],
    dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
    weekHeader: 'Не',
    dateFormat: 'dd.mm.yy',
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: ''
  };
  $.datepicker.setDefaults($.datepicker.regional['ru']);

Нашел вот такой пример, но не смог себе эти функции перенести в js, знания js слабы.
https://jsfiddle.net/furcifer21/gps5ye1x/8/

Там то что надо, запрет выбор даты в первом поле, то есть прошедшие даты нельзя выбирать, тут есть и вывод выбранных дней, кол-во, тож бы мне в js перенести, но сам не смог сделать.

Comments

[Вадим]

не смог себе эти функции перенести в js, знания js слабы.

Либо учитесь, либо обращайтесь на соответствующую площадку: https://freelance.habr.com/

Тут помогают решать проблемы, а не решать задачи за Вас.

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

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

[Вадим]

Антон Вебсайтовский, Мы можем пререкаться дальше, я могу вот, например, в ответ спросить, смысл писать не по теме сервиса? Продуктивно получится? По-моему не очень.
Вместо этого расскажите и покажите что Вы делали, что у Вас получилось, а что нет. И тогда всё будет по теме и помочь будет проще и быстрее.

[Вадим]

Антон Вебсайтовский, Напишите своё 'самостоятельно' найденное решение в ответы и отметьте решением для других пользователей сервиса.

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

Вадим, а зачем было ниже тему удалять, где было решение, Вадим, ты очень странный человек, кто назначил куратором, какие-то действия у тебя очень странные.

[Вадим]

Антон Вебсайтовский,
1) Когда в теме есть явный ответ, принятый решением - это лучше, чем искать его в куче длинных комментариев.
2) Мы не переходили на "Ты".
3) Тут не форум и не социальная сеть чтобы обсуждать личность пользователей сервиса. Да и, в целом, чьи либо личности.

Answer 1

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

Найденное решение по поводу запрета на выбор прошлой даты.
Если у вас не совсем стандартный конфиг для датапикера.

minDate: new Date(), //запрещает выбор прошедшей даты

$start.datepicker({
    minDate: new Date(), //запрещает выбор прошедшей даты
    onSelect: function(fd, date) {
      $end.data('datepicker')
        .update('minDate', date);
      $end.focus();
    }
  })