jquery-ui datepicker issue

Question

I have an application where I have multiple date fields. All of these fields are datepicker.

This application also have some processes where it updates automaticly the value of these fields using

$('#selector').datepicker('setDate', aDate);

The problem is when the focus is on another field and the calendar is opened, it's sets the date to the last 'selector' called by the setDate method...

Here is a jsFiddle that reproduces the problem I am facing.

To reproduce the problem.

Run the jsFiddle
Click on the first input field (the calendar opens)
Wait until the 3rd input field is populated with the current date (about 5secs)
Select a date.
--->Problem, the selected date updated into the 3rd field...

jsFiddle

Any way to avoid this?

Slippery Pete · Accepted Answer · 2014-08-08 18:08:11Z

1

Maybe try to detect if one of your inputs already has focus, then refresh it after the auto-populate of dt3. Seems kind of hackish though.

$("input").datepicker();

setTimeout(function () {
    var focused = $('input:focus');
    $('#dt3').datepicker('setDate', new Date());
    if (focused) {
        focused.datepicker('refresh');
    }    
}, 5000);

http://jsfiddle.net/Nza9u/3/

answered Aug 8, 2014 at 18:08

Slippery Pete

3,1101 gold badge16 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery-ui datepicker issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related