jquery date picker but day month and year in separate dropdowns

Question

I am working on a jquery date picker. I need to select a date but after date selection from the calendar I need the date to divide into three separate drop downs. One for day one for month and one for year. Here is my jquery script. ``` ``` HTML ```

Date:

day: month: year:

Accepted Answer

Working demo please click here : ] http://jsfiddle.net/gvAbv/13/ or http://jsfiddle.net/gvAbv/8/

In demo click on the text box and select dates and bingo you will get the drop downs auto populated.

Point to note `dateText.split('/')[2]` is year not day :) if you will switch over the place your code will work.

i.e. `dateText.split('/')[2]` : year ; `dateText.split('/')[0]` : month ; `dateText.split('/')[0]` : day rest demo will help you to make it clear.

The demo has extra bits but it will help you!

code

```
$(function() {
    $("#fullDate").datepicker({
        onClose: function(dateText, inst) {
            $('#year').val(dateText.split('/')[2]);
            $('#month').val(dateText.split('/')[0]);
            $('#day').val(dateText.split('/')[1]);
        }
    });
});
```

ANother Demo for image click: http://jsfiddle.net/zwwY7/

code

```
$(function() {
    $("#fullDate").datepicker({
         buttonImage: 'icon_star.jpg',
        buttonImageOnly: true,
        onClose: function(dateText, inst) {
            $('#year').val(dateText.split('/')[2]);
            $('#month').val(dateText.split('/')[0]);
            $('#day').val(dateText.split('/')[1]);
        }
    });
});

​
```

Images

jquery date picker but day month and year in separate dropdowns

Solution

Problem

Related problems