Search jQuery

jQuery Forum

Datepicker: How to fire an event when a date is selected

in Using jQuery • 3 years ago

I have a jquery datepicker that is working fine. I'm using a calendar icon only to start the datepicker and the result (the chosen date) is shown as text - not as an input field.

To get this result to show, the user has to click an 'update' function button first, which in my case has nothing to do with the datepicker itself. I know I can use altField to show the result immediately, but that has drawbacks.

So I would like to improve the way it works as follows: when the user picks a date, I want the datepicker to close (which it already does) and the chosen date to show immediately, without the user having to click the 'update' button first. How do I do that? I don't like to use altField, as the user can muck around with the result if they want to - it is an input field after all.

Any ideas? Thanks in advance!

Replies(1)

airishka

Re: Datepicker: How to fire an event when a date is selected

3 years ago

Hi,

you can update your text on select

Allows you to define your own event when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.
Code examples
Supply a callback function to handle the onSelect event as an init option.
$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

or make the input field readonly and decorate it with css

regards

Top Reply

Response title

Attachments

jQuery Forum

Datepicker: How to fire an event when a date is selected

Replies(1)

Re: Datepicker: How to fire an event when a date is selected

Code examples

Statistics

Tags

Actions

Related Posts