Question

I have two inputs with the same date, but i want to separate the day from the month and year. When select one, updates the other… I have almost done it but i have some problem that i dont understand…

There is a exemple,

http://jsfiddle.net/m99xD/1/

Tkhs in advance

Answer 1

Update: For some reason, minDate is causing problems, so I’d suggest removing it first if you don’t need it. When you select a date, and your date format only shows part of it (days, or month/year), only that part is taken into account, which is not what you want. A workaround for it would be to change the dateFormat right before the dialog opens, and change it back after selection:

$( ".departDateMonthYear" ).datepicker({
    dateFormat:"M yy" ,     
    hideIfNoPrevNext:true ,
    //minDate:0,
    beforeShow:function() {
        // Change dateFormat for a full format, so the correct date can be selected
        $(this).datepicker("option","dateFormat","dd/mm/yy");
    },
    onSelect:function () {
        var dat_thisDate = $( this ).datepicker( 'getDate' );
        dat_thisDate.setDate( dat_thisDate.getDate() );
        $( ".departDateDay" ).datepicker( "setDate" , dat_thisDate );

        // Change the format back to the original, after the date is set
        $(this).datepicker("option",{
            dateFormat:"M yy",
            monthNamesShort:arr_monthsNameAbr // bonus: display using your localized month names
        });
    }
});

The input for days is analogous. Full code on jsFiddle.