Выберите дату начала и окончания в том же календаре [JQuery]

Question

Я делаю систему заказов и хочу иметь один большой календарь (таблица) с некоторой информацией в маленькой коробке справа.

В поле я хочу TextFields:

• Дата заезда
• рецэнзий

Как я могу, предпочтительно с JQuery, сделайте это так, когда пользователь нажимает одну дату в большой календарь, значение этой даты переносится в поле «Дата проверки» в боковом поле litte и в то же время отключает любые предыдущие даты для следующего выбора. В следующий раз, когда пользователь нажимает дату, значение «Checkout date» получает это значение.

Answer 1

Заканчивать JQuery UI в DatePicker

http://jqueryui.com/demos/datepicker/#date-range

<script> 
$(function() { 
    var dates = $("#from, #to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      var option = this.id == "from" ? "minDate" : "maxDate", 
       instance = $(this).data("datepicker"); 
       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 
     } 
    }); 
}); 
</script> 

<div class="demo"> 
    <label for="from">From</label> 
    <input type="text" id="from" name="from"/> 
    <label for="to">to</label> 
    <input type="text" id="to" name="to"/>  
</div>