jQuery UI Datepicker Example #1 (works)

Created For: http://stackoverflow.com/q/10961976/352449

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css">
<b>Convert Date on select from  Datepicker </b><br/>
<input type='text' id='txtDate' readonly='true' />
<br/>
Selected Date : <span id='spnSelectedDate'></span><br/>
Next Month Date : <span id='spnNewDate'></span>
<br/>
<hr>
<br/>    
<input type='text' id='txtDate1' readonly='true' />
<input type='button' id='btnConvert' value='Convert' /><br/>
<br/>
Selected Date : <span id='spnSelectedDate1'></span><br/>
Next Month Date : <span id='spnNewDate1'></span>

JavaScript

$("#txtDate").datepicker({
    changeMonth: true,
    minDate:'0',
    onClose: function( selectedDate ) {
        var d = new Date(selectedDate)
        d.setMonth(d.getMonth() + 1);
        $("#txtDate").datepicker("setDate", d );
        $("#spnSelectedDate").text(selectedDate);
        $("#spnNewDate").text($('#txtDate').val());
    }
});


$("#txtDate1").datepicker({
    changeMonth: true,
    minDate:'0' 
});

$("#btnConvert").click(function(){
    var d1 = new Date($("#txtDate1").val());
    var date = d1.getDate();
    var month = d1.getMonth()+1; // taking the month name from the array of month names
    var year = d1.getFullYear();
    var newDate = month + "/" + date + "/" + year    
    $("#spnSelectedDate1").text($("#txtDate1").val());
    $("#spnNewDate1").text(newDate);
});