Question

39

Calculate date from jquery datepicker

rated 0 times [ 45] [ 6] / answers: 1 / hits: 6371 / 10 Years ago, thu, may 15, 2014, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

micayla

Add To Favorites

Follow

Total Points: 148

Total Questions: 92

Total Answers: 109

Location: Aruba

Member since Sat, Oct 2, 2021

3 Years ago

micayla questions

1 Web3 Issue : React Application not compiling

Fri, Dec 24, 21, 00:00, 2 Years ago

1 How to add margin in materialize css?

Thu, Apr 16, 20, 00:00, 4 Years ago

1 How can I use Material-UI Autocomplete together with react-virtualized?

Mon, Dec 9, 19, 00:00, 5 Years ago

1 Highlight rows in MUI-Datatables

Thu, Nov 14, 19, 00:00, 5 Years ago

1 Mock using jest moment().format is returning current date instead of mocked date

Tue, Aug 27, 19, 00:00, 5 Years ago

View All

answered 10 Years ago sageallenv · Accepted Answer

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.