Datepicker in an external URL loaded by dialog
Using: jquery-1.3.2, jquery-ui-1.7.1
I have a dialog which loads an external URL. This external URL has a
form, which has a datepicker.
That's the idea anyway. If I place the form inline into a DIV (as
demonstrated by http://jqueryui.com/demos/dialog/#modal-form) then
everything works fine. Once I move the form to the external file, the
datepicker will not appear. I believe it's because the jquery.js &
jquery-ui.js have to be reloaded, but the external file can't have
header, or the dialog won't appear at all. I tried to place the
datepicker code in the calling function as below, but to no effect.
$(function() {
// blah blah code here
$("#dialog").load("include/form.php").dialog({ autoOpen: false });
$('.openDialog').click(function() {
$("#dialog").dialog('open');
})
$("#datepicker").datepicker({ dateFormat: 'd M yy' });
});
Any advice much appreciated.