jQueryUI datepicker widget add 'onClose' function after widget initialization

Question

Let's say I have a #date field. At first I initialize it with some options (they are not important at the moment):

$('#date').datepicker(options);

Then, if I try to add onClose function, I would do:

$('#date').datepicker({onClose: function(dateText, inst){console.log("Hello World");}});

Howerver, this overrides options set before. Let's say I don't have access to these options - datepicker is initialized, options are set and now I need to add function onClose. How to do that? I've tried .datepicker('option','onClose',function(){}); with no effect.

Answer 1

Try it as

$('#date').datepicker( 'option' , 'onClose', function() {} );

Answer 2

Try this:

$('#date').datepicker();
...
$('#date').datepicker("option", {
  onClose: function(dateText, inst){console.log("Hello World");}
});

Of course this would override the previous onClose function you've set before. source: jQuery forum post