2015-04-13 4 views
-1

В приведенном ниже коде, как отображать возраст в зависимости от даты рождения в текстовое поле. Когда я пытаюсь выйти за пределы, он работает нормально. Как написать onchange() в зависимости от даты рождения?Как показать возраст на основе dob в html javascript

Это пример code.Can ли один помочь мне в этом вопросе

HTML

<input type="text" name="date_birth1" class="login-input" placeholder="Date Of Birth" id="datepicker1" autofocus> 
    <input type="text" name="age" id="age" pattern = "^\D{0,100}$" class="login-input" placeholder="Age" autofocus > 

Javascript

<script> 

     $(function() { 

      $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() 

     }); 
     $(function() { 

      $("#datepicker1").datepicker(); 

     }); 
     $(function() { 

      $("#datepicker2").datepicker(); 

     }); 
     $(function() { 

      $("#datepicker3").datepicker(); 

     }); 
     $(function() { 

      $("#datepicker4").datepicker(); 

     }); 
     $(function() { 

      $("#datepicker5").datepicker(); 

     }); 
     $(function() { 

      $("#datepicker6").datepicker({ dateFormat: "yy-mm-dd" }).val() 

     }); 
    $(function() { 
     $('#datepicker1').datepicker({ 

     onSelect: function(value, ui) { 
      var today = new Date(), 
       dob = new Date(value), 
       age = new Date(today - dob).getFullYear() - 1970; 

      $('#age').text(age); 
     }, 
     maxDate: '+0d', 
     yearRange: '1920:2010', 
     changeMonth: true, 
     changeYear: true 
    }); 
    }); 
     </script> 
+0

Что проблемы вы испытываете, в частности? –

+0

Кроме того, я сделал редактирование текста вопроса, чтобы было более ясно, что вы спрашиваете; если это не то, о чем вы просите, продолжайте и откатите или обновите редактирование. –

+0

@PaulRichter, когда я выбираю дату рождения, я хочу показать возраст в моем поле ввода, не вводя ничего –

ответ

1

Если вы ищете OnChange событие, чтобы быть уволен на datepicker, тогда проверьте здесь jQuery trigger a DatePicker change event

Edit:

$("#datepicker6").datepicker({ dateFormat: "yy-mm-dd" }) 
.on("change", function(){ 
    // do whatever you want to` 
}) 
+0

без onchage можно? –

+0

Вы хотите, чтобы DOB был выбран, когда пользователь взаимодействует с ним или нет? – Kushal

+0

пользователь вставил .... –

Смежные вопросы