如何从jquery datepicker计算年龄?

时间:2015-03-19 05:26:27

标签: javascript jquery html5 datepicker

我想通过使用jquery日期选择器来计算选择日期的年龄。我在下面添加了代码,但如果我选择日期,例如' 19/03 / 2015' 15/01/2015'或者' 19/03/2014' &#39 31 /二千零十四分之十二'

  $(document).ready(function () 
{
 console.log($(document).width());           
     $('#patientDob').datepicker
    ({
        dateFormat: 'dd/mm/yy',
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2150',
        maxDate: new Date(),
        inline: true,

             onSelect: function() {
               var birthDay = document.getElementById("patientDob").value;
                var DOB = new Date(birthDay);
                var today = new Date();
                var age = today.getTime() - DOB.getTime();
                age = Math.floor(age / (1000 * 60 * 60 * 24 * 365.25));

                document.getElementById('patientAge').value = age;
            }
     });  

});

2 个答案:

答案 0 :(得分:2)

我为我的项目创建了这个年龄计算器 使用jQuery UI。和JavaScript函数。你会得到确切的结果。

它将计算年龄并显示为人类可读。 使用ID' datepicker'创建一个日期字段,然后导入jquery和jquery ui。之后

然后只需复制并粘贴代码即可获得准确的结果。

输出// 28年7个月7天

        $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showAnim: 'slideDown',
            dateFormat: 'yy-mm-dd'
        }).on('change', function () {
            var age = getAge(this);
           /* $('#age').val(age);*/
            console.log(age);
            alert(age);

        });

        function getAge(dateVal) {
            var
                birthday = new Date(dateVal.value),
                today = new Date(),
                ageInMilliseconds = new Date(today - birthday),
                years = ageInMilliseconds / (24 * 60 * 60 * 1000 * 365.25 ),
                months = 12 * (years % 1),
                days = Math.floor(30 * (months % 1));
            return Math.floor(years) + ' years ' + Math.floor(months) + ' months ' + days + ' days';

        }

});

答案 1 :(得分:0)

AFAIK javascript日期需要yyyy / mm / dd,并且您要发送:

 var DOB = new Date(birthDay); //  dateFormat: 'dd/mm/yy'

将格式更改为“yyyy / mm / dd”并且可以正常工作。