Trigger jQuery ui date-picker automatically

Question

I have two text-boxes in which user have to select dates. I want to trigger second date-picker when the first date is selected. Please help.

Here is the fiddle.

and this is the code :

 $('input[data-date="date"]' ).datepicker();
     $($('input[data-date="date"]' ).get(0)).change(function(e){
        console.log("triggered");
        $($('input[data-date="date"]' ).get(1)).trigger('focus');

 });

Wit Wikky · Accepted Answer · 2014-05-09 09:55:41Z

3

On your onSelect event in Jquery ui datepicker ,

onSelect: function( selectedDate ) {
    $( "#to" ).datepicker("option", "minDate", selectedDate );
    setTimeout(function(){
        $( "#to" ).datepicker('show');  //where 'to' is your second date
    },30);
}

FIDDLE DEMO

answered May 9, 2014 at 9:55

Wit Wikky

1,5421 gold badge15 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Trigger jQuery ui date-picker automatically

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