前端之家

  1. 首页
  2. 问答

第一次后onSelect不起作用

• 问答

起初，我认为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>
liaotengfei2008 回答：第一次后onSelect不起作用

您可以尝试

l_cursor
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();
    });

})

javascriptjqueryjquery-events
本文链接：https://www.f2er.com/2686957.html

大家都在问