jQuery Datepicker DOM

[Matrixkid]

Hi there,

 

Im running into an issue with the jquery ui datepicker plugin.

 

I have it working and functioning correctly, but I need to change the way it operates.

 

here is my current code:

$("input.calendarSelectDate").live('click',function(){
	$(this).datepicker({inline: true, showButtonPanel: true, 
buttonImage: '/cal.gif', buttonImageOnly: false, showButtonPanel: true, 
showOn:'both'}).datepicker('show');
});

 

the problem is is that the input field is loaded from an ajax call. and so the button doesnt appear next to the input box until the input field has been clicked.

 

Is there a way to display the button before the click action is made? What about loading the the datepicker function with another event? Is there a way to bind it after the ajax call, so its almost like it runs on document.ready, with just $('#inputfield').datepicker(); - without the 'click' action binding it?

 

Thanks for the help.

MK

[rajivgonsalves]

you should do something like this

 

$(document).ready(function() {
    $("input.calendarSelectDate").datepicker({inline: true, showButtonPanel: true,
buttonImage: '/cal.gif', buttonImageOnly: false, showButtonPanel: true,
showOn:'both'});

    $("input.calendarSelectDate").click(function() {
        $(this).datepicker('show');
    });

    
});

[Matrixkid]

Hey Rajiv,

 

That didnt work. The element, input.calendarSelectDate doesnt exist upon page load, and therefore is bound to nothing. It only exists upon an ajax request.

 

I hope that helps clarify it.

 

Thanks

MK

[rajivgonsalves]

you could put the initialization of the datepicker in your ajax call function, because currently the live function of jquery only supports click, dblclick,  mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup events, you could retain the show in the live click, also your ajax call has a callback function which you could use, which function are you using for the ajax call ? 

[Matrixkid]

you could put the initialization of the datepicker in your ajax call function, because currently the live function of jquery only supports click, dblclick,  mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup events, you could retain the show in the live click, also your ajax call has a callback function which you could use, which function are you using for the ajax call ? 

 

Im currently using load to make the request. I believe load has callback functionality.

 

Thanks!

[rajivgonsalves]

yes you could just put it in your call back functionality

 

 load( url, [data], function() {[put the initialization of the datepicker here]} )

 

 

[Matrixkid]

yes you could just put it in your call back functionality

 

 load( url, [data], function() {[put the initialization of the datepicker here]} )

 

 

 

 

Perfect. Thanks!

[amakrid]

yes you could just put it in your call back functionality

 

 load( url, [data], function() {[put the initialization of the datepicker here]} )

 

So many thanks for your answer !!!!!!!!!!!!!!!!