Question

I have a .ctp page .In that there have a button to load a div.

In that loaded div there have some datepickers..

The datepickers are loaded correctly.But i need to add 6 month to each date when i selected from datepickers.

This is my code:

<script type="text/javascript">
    $(function() {
        var cnt = $("#cnt").val();
        for(var i =0;i<cnt;i++){
            $( "#date_"+i ).datepicker({showButtonPanel: true, changeMonth: true, changeYear: true, minDate: "0", maxDate: "+10Y",dateFormat: "dd/mm/yy",
                         onSelect: function(dateText, instance) {
                        date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
                        date.setMonth(date.getMonth() + 6);
                        alert(date);
                    }
            });
            $( "#format" ).change(function() {
                $( "#date_"+i ).datepicker( "option", "dateFormat", $( this ).val() );
            });
        }
    });
</script>

Here when i select a date from id date_0 datepicker.
Then it displays date as Tue Jul 30 2013 00:00:00 GMT+0530 (India Standard Time).

But i need to alert as 30/7/2013.

How can i do this?

The date adding is correct but date format need to change?
Give me a solution?

Answer 1

The jQueryUI date picker has a built-in date formatting function called $.datepicker.formatDate.

onSelect: function(dateText, instance) {
    var date = $(this).datepicker('getDate');
    date.setMonth(date.getMonth() + 6);
    var str = $.datepicker.formatDate("dd/mm/yy", date);
    alert(str);
}

See above how you can use $(this).datepicker('getDate') to extract the current Date object from the datepicker. regardless of its current format.