onSelect не работает после первого раза - PullRequest
Новая
       12

onSelect не работает после первого раза

0 голосов
/ 30 января 2020

Сначала я подумал, что onSelect событие вообще не работает. Но эта функция отлично работает, когда я выбираю дату во второй раз. Однако это не работает в первый раз, когда я загружаю веб-страницу. У кого-нибудь есть идея? У меня нет другого события для #dob, кроме этого. 

$(document).ready(function(){
        var age= "";

        $('#dob').datepicker({
            onSelect: function(value, ui){
                var today = new Date();

                age = (today.getFullYear() - ui.selectedYear)*12;
                age -= ui.selectedMonth;
                age += today.getMonth();
                $('#age').val(age);
                console.log(ui.selectedYear);
                console.log(ui.selectedMonth);
                console.log(today);
            }
        })
    });

это мое html

<div class="input_rv cal">
     <input type="text" id="dob">
     <img class="ui-datepicker-trigger" src="./resources/images/calender_icon.jpg" alt="..." title="...">
    <input type="text" id="age">
</div>

1 Ответ

0 голосов
/ 30 января 2020

Вы можете попробовать это 

function GetAge() {
    var dob = $('#dob').val();
    if (dob != '') {
        dob = new Date(dob);
        var today = new Date();
        var age = Math.floor((today - dob) / (365.25 * 24 * 60 * 60 * 1000));
        alert(age);
        $('#age').val(age + ' years old');
    }
}

$(document).ready(function() {
    $("#dob").datepicker().datepicker("setDate", new Date());
    GetAge();
    var age = "";
    $('#dob').on("change", function() {
        GetAge();
    });

})
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"/>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

<div class="input_rv cal">
     <input class="date" id="dob">
    <input type="text" id="age">
</div>
...