Question

still new to jquery, so please bear with me.

Once a date is clicked on jquery datepicker, how can I display that date next to the calendar box?

This is what I have so far:

                $(function(){
                       $("#datepicker").datepicker({ minDate: +0 });

        });

As far as html, I have:

<div id="datepicker"></div>

Out of the things I’ve tried, it works if the date is displayed inside a “input”
How can i display the date as pure text?

Answer 1

you can add a

<div id="alternate"></div>

next to the datepicker and then add the following:

in the datepicker you can add the onSelect event

$('.selector').datepicker({
   onSelect: function(dateText, inst) 
   {
      $('#alternate').text(dateText);
   }
});

or you can use

altField: “#alternate”,
altFormat: “DD, d MM, yy”

as explained on this page:
http://jqueryui.com/demos/datepicker/#alt-field