Получить отдельные значения в пределах даты рождения

Question

У меня есть проблема, чтобы получить "уникальные" значения из этих полей ввода DOB. Только первая строка печатает значения в последнем поле ввода с классом full-date. Я использовал $ этот вызов, но неправильно...

JSFIddle

<div class="info-inner">
<input data-age="adt" type="text" class="disabled-number dayter" name="dob passengers[0][birthdate]" maxlength="2" placeholder="dd" min="01" max="31">
<input data-age="adt" type="text" class="disabled-number monther" name="dob passengers[0][birthdate]" maxlength="2" placeholder="mm" min="01" max="12">
<input data-age="adt" type="text" class="disabled-number yearer" name="dob passengers[0][birthdate]" maxlength="4" placeholder="yyyy" min="1930">
<input class="full-date" data-age="adt" type="hidden" name="full-dob" data-min-date-adt="18.03.2017" data-max-date-adt="18.03.2005">
</div>
div class="info-inner">
<input data-age="adt" type="text" class="disabled-number dayter" name="dob passengers[1][birthdate]" maxlength="2" placeholder="dd" min="01" max="31">
<input data-age="adt" type="text" class="disabled-number monther" name="dob passengers[1][birthdate]" maxlength="2" placeholder="mm" min="01" max="12">
<input data-age="adt" type="text" class="disabled-number yearer" name="dob passengers[1][birthdate]" maxlength="4" placeholder="yyyy" min="1930">
<input class="full-date" data-age="adt" type="hidden" name="full-dob" data-min-date-adt="18.03.2017" data-max-date-adt="18.03.2005">
</div>
<div class="info-inner">
<input data-age="cnn" type="text" class="disabled-number dayter" name="dob passengers[2][birthdate]" maxlength="2" placeholder="dd" min="01" max="31">
<input data-age="cnn" type="text" class="disabled-number monther" name="dob passengers[2][birthdate]" maxlength="2" placeholder="mm" min="01" max="12">
<input data-age="cnn" type="text" class="disabled-number yearer" name="dob passengers[2][birthdate]" maxlength="4" placeholder="yyyy" min="1930">
<input class="full-date" data-age="cnn" type="hidden" name="full-dob" data-min-date-ch="18.03.2005" data-max-date-ch="18.03.2015">
</div>

Я пробовал с этим jquery:

$('.disabled-number').on('change', function(){
    var date = $('.dayter').val() + '.' + $('.monther').val() + '.' + $('.yearer').val();
    $(this).each(function () {
        $('.full-date').val(date);
    });
});

Answer 1

Примерно так должно работать:

$('.disabled-number').on('change', function() {
  var container = $(this).parent();
  var date = container.children('.dayter').val() + '.' + container.children('.monther').val() + '.' + container.children('.yearer').val();
  container.children('.full-date').val(date);
});

Смотрите JSFiddle