Calculate date from jquery datepicker

Question

I am calculating the age from jquery datepicker. But this works when only the date is in(mm/dd/yy) format. I need to get this working in dd/mm/yy.

//Code

$('#dob').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
});

If i try to set dateFormat: 'mm/dd/yy' in the property this wont work. Any help?

The date object in jQuery only parses strings in `mm/dd/yyyy` format. If in any other format you need to split the date to day, month and year then recreate it in the m/d/y format. — Rory McCrossan, May 15 '14 at 09:55

score 4 · Answer 1 · edited May 23 '17 at 12:31

4

Demo Fiddle mm/dd/yy Demo Fiddle dd/mm/yy

jQuery

onSelect: function (value, ui) {
    var today = new Date();
    var format = value.split("/");
    var dob = new Date(format[2], format[0], format[1]);
    var diff = (today - dob);
    var age = Math.floor(diff / 31536000000);
    $('#age').text(age);
},

Reference

Hope it helps....

edited May 23 '17 at 12:31

Community

1
1

answered May 15 '14 at 10:26

Bhavik

4,836
3
30
45

For month how can i calculate? the age differs w.r.t months. – A Coder May 15 '14 at 12:41

score 2 · Accepted Answer · answered May 15 '14 at 09:59

Try this: http://jsfiddle.net/lotusgodkk/GCu2D/120/

Js:

$('#dob').datepicker({
onSelect: function(value, ui) {
    console.log(ui.selectedYear)
    var today = new Date(), 
        dob = new Date(value), 
        age = ui.selectedYear - 1970; //This is the update

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

If you inspect the ui object in console, you'll see that it stores year,day,month separately. You can access them like ui.selectedDay or selectedYear . Hope this helps.

score 1 · Answer 3 · answered May 23 '15 at 07:42

this answer will work fine for the all the dates as the month starts from 0 in date function. for date format(dd-mm-yy).

var now= new Date();
var year= now.getFullYear();
$('#dob').datepicker({
    onSelect: function (value, ui) {
        var today = new Date();
        console.log(today.getFullYear());
        var format = value.split("-");
        console.log(format[2]);

        var dob = new Date(format[2], format[1]-1, format[0]);
        console.log(dob);
        var diff = (today - dob);
        var age = Math.floor(diff / 31536000000);
        $('#age').text(age);
    },

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

score 0 · Answer 4 · edited Jun 09 '16 at 13:16

$("#dob").datepicker({        
    onSelect: function (value, ui) {
    debugger
        var today = new Date();
        var year = today.getFullYear() - ui.selectedYear;
        var month = today.getMonth() - ui.selectedMonth;
        var date = today.getDate() - ui.selectedDay;


        if ((year == 0 && month == 0 && date < 0) || (year == 0 && month < 0) || (year < 0)) {
            $("#lbl6").show();
            $("#age").val("");

        } else if ((year == 0) || (year > 0 && month == 0 && date >= 0) || (year > 0 && month > 0)) {
            $("#age").val(year);

        } else if ((year > 0 && month == 0 && date < 0) || (year > 0 && month < 0)) {
            $("#age").val(year - 1);

        }
    },
    dateFormat: 'dd M y',
    changeMonth: true,
    changeYear: true,
    yearRange: '1900:2020'
});

Calculate date from jquery datepicker

4 Answers4

Linked