ansaurus

Question

Answer 1

+2 A:

You might try removing the second $("#datepicker").datepicker() immediately above that line, leaving:

$(document).ready(function(){
    $('#datepicker').datepicker({ onSelect: function(dateText, inst) { alert("Working"); } });
});

VoteyDisciple 2009-08-13 20:25:16

darn so easy! Many thanks!

2009-08-13 20:45:44

Answer 2

+3 A:

You're not using the api correctly. Don't take it bad, it's confusing at first.

Both of these lines are telling the datepicker widget to initialize a datepicker on an element:

$("#datepicker").datepicker();
$('#datepicker').datepicker({
   onSelect: function(dateText, inst) { alert("Working"); }
});

You could remove the first one since it's not doing anything except preventing the second one from having any effect.

If you want to change the value of one of the options after you've already initialized the widget then you would need to use this api:

$('#datepicker').datepicker('option', 'onSelect', function() { /* do stuff */ });

Or alternatively, you could attach a handler using jQuery's bind function:

$('#datepicker').bind('onSelect', function() { /* do stuff */ });

Ken Browning 2009-08-13 20:33:26

$("#datepicker").datepicker('destroy') and then setting up a new one with different options is another possibility - although in this case, just get rid of the first initialization.

gnarf 2009-08-13 20:38:08

darn so easy! Many thanks!

2009-08-13 20:45:00

ansaurus

tags:

views:

answers:

problem with jquery datepicker onselect

related questions