Datepicker not registering a select event from the mouse
I'm appending a new form to my page using a $.post. After I have
appended the data, I am binding the datepicker to all the dates in the
new form. The datepicker shows up with the image and when I click the
image the calendar pops up. However, when I use the mouse to select a
day nothing happens. I added a select: function() with an alert to
the datepicker and the alert never shows up.
The odd thing is that all the keyboard shortcuts work. When I hit the
enter key the alert pops up and the date is added to the input.
I'm using this exact same function in other places and it works
perfectly. Please advise.
Thanks in Advance,
Steve
$("input#add-phase-button").live("click", function(event) {
var phaseForm = $(this).closest("form#add-phase-form");
var phaseUrl = $(phaseForm).attr('action');
jQuery.post(phaseUrl, function(data) {
var phasesContainer = jQuery("div#phases-container").append
(data);
var newPhase = phasesContainer.find('#save-phase-form');
bindDates(newPhase);
});
event.preventDefault();
});
function bindDates(containerElement) {
var dateInputs = containerElement.find('input.date-picker');
dateInputs.datepicker({
showOn: 'button',
buttonImage: '${createLinkTo(dir:'images',file:
'calendar_icon.gif')}',
buttonImageOnly: true,
onSelect: function(dateText, inst) { alert('Selected!'); }
});
}
--