获取出生日期中的单独值

Question

我无法从此 DOB 输入字段中获取"唯一"值。只有第一行打印最后一个输入字段中的值，并且类是全日期。我用$this电话，但方式错误...

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