Javascript 当我点击“dateFrom”和“dateTo”日期选择器时，如何获取每个“数据id”？

当我单击

dateFrom

和

dateTo

datepicker（jqueryui-datepicker）时，如何获取每个

数据id

当我点击

dateFrom

和

dateTo

日期选择器时，我必须将每个

数据id

传递给服务器

目前我只获得第一个值数据id=“5799f281049ac12422000033”

Html

<div class="form-group row calendar" data-id="5799f281049ac12422000033">
         <div class="col-sm-4">
             <input type="text" class="form-control dateFrom hasDatepicker" id="dateFrom" name="dateFrom" placeholder="Arrival" readonly="">
         </div>
         <div class="col-sm-4">
             <input type="text" class="form-control dateTo hasDatepicker" id="dateTo" name="dateTo" placeholder="Departure" readonly="">
         </div>
    </div>

<div class="form-group row calendar" data-id="5799f281049ac12422000034">
         <div class="col-sm-4">
             <input type="text" class="form-control dateFrom hasDatepicker" id="dateFrom" name="dateFrom" placeholder="Arrival" readonly="">
         </div>
         <div class="col-sm-4">
             <input type="text" class="form-control dateTo hasDatepicker" id="dateTo" name="dateTo" placeholder="Departure" readonly="">
         </div>
    </div>

<div class="form-group row calendar" data-id="5799f281049ac12422000035">
         <div class="col-sm-4">
             <input type="text" class="form-control dateFrom hasDatepicker" id="dateFrom" name="dateFrom" placeholder="Arrival" readonly="">
         </div>
         <div class="col-sm-4">
             <input type="text" class="form-control dateTo hasDatepicker" id="dateTo" name="dateTo" placeholder="Departure" readonly="">
         </div>
    </div>

---

在onchange函数中尝试此操作

 var id = $(this).parent().parent().data("id");

---

在

onChangeMonthYear

中，使用单击的日期选择器的

closest（）

方法获取直接

.calendar

祖先的

数据id

，该方法可通过

此

引用

onChangeMonthYear: function(year,month,inst) {

    var data_id = $(this).closest('.calendar').data("id");

    $.ajax({
        url: '/availability,
        dataType: 'JSON',
        type: 'POST',
        async: false,
        data: { dateFrom: start_date, data_id : data_id  },
        success: function (response) {
            array = response.disableDates;
        }
    });
}

---

多谢各位

onChangeMonthYear: function(year,month,inst) {

    var data_id = $(this).closest('.calendar').data("id");

    $.ajax({
        url: '/availability,
        dataType: 'JSON',
        type: 'POST',
        async: false,
        data: { dateFrom: start_date, data_id : data_id  },
        success: function (response) {
            array = response.disableDates;
        }
    });
}