jQuery UI Datepicker Проблема с датами прибытия - даты отъезда - PullRequest
Новая
       13

jQuery UI Datepicker Проблема с датами прибытия - даты отъезда

0 голосов
/ 20 сентября 2011

Аааа .. Я в тупике ....

У меня есть модуль резервирования, на котором работает пользовательский интерфейс выбора даты jQuery.У меня есть поле даты прибытия и поле даты отъезда, каждое с объектом выбора даты, инициированным в обоих случаях.

Я хочу, чтобы датой прибытия по умолчанию была сегодняшняя дата. Я достиг этого, выполнив следующие действия: 

   <script type="text/javascript">
      $(document).ready(function(){

          $(".arrive").datepicker();
          $(".depart").datepicker();

          $(".arrive").datepicker('setDate', new Date());

      });
   </script>

Это прекрасно работает, однако, когда пользователь выбирает дату прибытия, я хочу, чтобы дата по умолчанию отправления была установлена ​​на один день после того, как пользователи выбрали дату прибытия.Я пытался использовать события onSelect для объекта выбора даты и пытался извлечь значение из поля прибытия и добавить день, но безрезультатно.Я видел эту функцию раньше, я не думаю, что это очень сложно, я просто зашла в тупик на этом.Есть идеи?Мой HTML-код для текстовых полей выглядит следующим образом: 

<ul>
  <li>  
    <label>Arriving</label>     
    <span class="dateinput">                                                   
        <input class="arrive" type="text" value="" name="startDate" />                                  
        <img id="arrive"  src="images/calendar_icon.png"  />
        <div class="clear"></div>
    </span>
  </li>

  <li>  
    <label>Departing</label>        
    <span class="dateinput">                                
        <input class="depart" name="endDate" value="" type="text"  />               
        <img src="images/calendar_icon.png" />
        <div class="clear"></div>
    </span> 
  </li>
</ul>

Большое спасибо всем, кто может мне помочь с этой проблемой.

Ответы [ 2 ]

7 голосов
/ 20 сентября 2011

Использование документации в качестве вдохновения: 

<script type="text/javascript">
  $(document).ready(function(){

      $(".arrive").datepicker({
          onSelect: function( selectedDate ) {
            // Parse the selected date
            var instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );

            // Add one day
            date.setDate(date.getDate()+1);

            // Set the new date
            $(".depart").datepicker('setDate', date);               
        }
      });
      $(".depart").datepicker();

      $(".arrive").datepicker('setDate', new Date());
  });
</script>
0 голосов
/ 20 сентября 2011

Вы смотрели документацию?

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

-> просмотреть источник

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

...