获取最近的左数据选择器的最小日期

Question

我有几个日期选择器：

$('.datepicker_debut_s_c').datepicker(
        {
            dateFormat: 'dd-mm-yy',
            changeYear: true,
            maxDate: null
        });     

        $('.datepicker_fin_s_c').datepicker(
        {
            dateFormat: 'dd-mm-yy',
            changeYear: true,
            maxDate: null,
            minDate: $(".datepicker_debut_s_c").datepicker("getDate")
        });

我想从左边的datepicker（见下图）中获取最小日期，以便在我的约会中保持连贯性。

问题是，最小日期始终是第一个日期选择器中选择的日期，而不是来自先例...

这是我的HTML代码（只是一部分）：

<table id="dates_stages_comp">
      <tbody><tr>
       <th>Nom</th><th>Prénom</th><th>Matricule</th><th>Année</th><th>Dates début</th><th>Date fin</th><th>Type de stage</th><th>Nombre de jours prestés</th><th>Nombre de jours à prester</th><th>Différence</th><th>&nbsp;</th>
      </tr><tr><td>Dupont</td><td>Lajoie</td><td>313278</td><td>PHAR5S-D</td><td><input id="date_debut_stage_comp#313278" class="datepicker_debut_s_c hasDatepicker" value="28-12-2014" type="text"></td><td><input id="date_fin_stage_comp#313278" class="datepicker_fin_s_c hasDatepicker" value="30-06-2015" type="text"></td><td>
                      <select id="sel_type_stage_comp#313278">
                        <option value="0">Type du stage</option>
                        <option value="1">Stage complémentaire</option>
                        <option value="2">Stage ERASMUS</option>
                        <option value="3" selected="selected">Stage recherche</option>
                      </select>
                      </td><td>184</td><td>180</td><td><span class="vert"> +4 </span></td></tr>

Answer 1

您通常使用onSelect方法获取jQuery UI datepicker，以获取所选日期，因此对于多个日期选择器，我假设您将有2个不同的onSelect方法

$("#datePicker1").datepicker({
    onSelect: function(selectedDate) {
        console.log(selectedDate);
    }
});

$("#datePicker2").datepicker({
    onSelect: function(selectedDate) {
        console.log(selectedDate);
    }
});

demo here