multipleDates в одном календаре

195

20 мая 2018, 10:30

Кто сталкивался с таким? Мне нужно чтобы был мультивыбор даты, выбранные даты записывались в 2 инпута, но календарь был один. Это возможно в этом плагине? У меня получилось сделать два инпута и два календаря.

$(document).ready(function () { 
  var $start = $('#start'); 
  var $end = $('#end'); 
 
  $start.datepicker({ 
      // inline: false, 
      // range: true, 
      // toggleSelected: true, 
      // minDate: new Date(), 
      // multipleDatesSeparator: ",", 
      // dateFormat: 'yyyy-mm-dd', 
      onSelect: function (fd, date) { 
        $end.data('datepicker') 
            .update('minDate', date); 
          $end.focus(); 
      } 
  }); 
  $end.datepicker({ 
   onSelect: function (fd, date) { 
     $start.data('datepicker') 
       .update('maxDate', date) 
     } 
   }); 
});

.reservation-calendar { 
  display: flex; 
} 
 
.reservation-calendar__item { 
  margin: 10px; 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script> 
 
 
<div class="reservation-calendar"> 
  <div class="reservation-calendar__item"> 
    <input type="text" id="start"> 
  </div> 
  <div class="reservation-calendar__item"> 
    <input type="text" id="end"> 
  </div> 
</div>