jQuery: как у меня есть два выбора даты?

Question

На моем сайте, я хочу, чтобы иметь диапазон дат вещь, поэтому я решил использовать две даты сборщиков из http://jqueryui.com/demos/datepicker/

В настоящее время оба выбора даты редактирования и то же поле ... что делает меня грустным.

$j(function() { 
    $j(".date-range-start .date-picker input").datepicker({ 
     //showOtherMonths: true, 
     changeYear: true, 
     showAnim: 'fadeIn', 
     showOn: 'button' 
    }); 
    $j(".date-range-end .date-picker input").datepicker({ 
     //showOtherMonths: true, 
     changeYear: true, 
     showAnim: 'fadeIn', 
     showOn: 'button' 
    }); 
}); 

Я понял, что у меня есть два разных селектора, и я смогу изменить два разных поля, не так ли?

хорошо ... очевидно, это меня ненавидит.

<div class="date-range-picker"> 
      <div class="date-range-start"> 
       <div class="date-picker"> 
        <input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"><button type="button" class="ui-datepicker-trigger">...</button> 
       </div> 
      </div> 
      <div class="date-range-end"> 
       <div class="date-picker"> 
        <input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"><button type="button" class="ui-datepicker-trigger">...</button> 
       </div> 
      </div> 
     </div> 

Answer 1

Дайте им два отдельных идентификатора.

$("#id1").datepicker(); 
$("#id2").datepicker();