添加多个jquery datepicker具有相同的类但不同的id

时间:2017-07-26 19:38:12

标签: javascript jquery datepicker

我对jquery / javascript很新,我使用了一个datepicker类来计算一个人的年龄。它允许用户在每次点击按钮时动态添加更多人。

对于多个日期,我使用了dob课程,但我想在每个人的年龄段显示不同的年龄。当我选择第二个人的出生日期时,第一个人的年龄会发生变化。

这是我遇到的代码:

  //date of birth and age picker
  $(".dob").datepicker({
  onSelect: function(value, ui) {
      var today = new Date(),
          dob = new Date(value),
          age = new Date(today - dob).getFullYear() - 1970;
          age = document.getElementById('age') = age;              
        $('.age').text(age);

  },
  maxDate: '+0d',
  yearRange: '1920:2017',
  changeMonth: true,
  changeYear: true,
  dateFormat: 'mm/dd/yy'
  });

这是HTML部分: ...

    <input type="text" name="c_dob[]" id="c_dob" class="form-control input-sm dob" placeholder="Companion Date of Birth`enter code here`" value=""/>

     <input type="text" name="c_age[]" id="age" class="form-control input-sm age" placeholder="Companion Age" value="" />

...

0 个答案:

没有答案