CODEWITHSUNDEEP
javascriptjqueryjquery-uijquery-ui-datepickerjquery-events
Jordi P.S.
Jordi P.S.

Reputation: 4018

How to disable closing of datepicker on jQuery UI Datepicker

When I open a datepicker like that:

$("#checkindate,#checkoutdate").datepicker({
    onClose: {
       //I'd like to disable the closing
    }
);

I'd like to prevent the closing of the datepicker dialog depending on a condition. The ideal would be that return false would stop this event.

I tried modifying the source code and there is no trivial solution.

What I want to do is to be able to select the checkout date without reopening another dialog.

Any idea?

Upvotes: 0

Views: 5888

Answers (5)

Sergi
Sergi

Reputation: 1256

In this question: jQuery UI Datepicker - Multiple Date Selections the accepted answer explains how to implement the multiple date selection in one datepicker.

To prevent the datepicker closing after the selection of a date, you can put this in the onClose option:

$(this).data('datepicker').inline = false;

And add this in onSelect option:

$(this).data('datepicker').inline = true;

Upvotes: 0

Bhupendra Kanojiya
Bhupendra Kanojiya

Reputation: 11

After spending around a day finally got it,

$( "#selector" ).datepicker({
        onSelect: function ( dateText, inst ) {
             this._updateDatepicker(inst);
         }
});

For all code, click here.

Upvotes: 0

brainondev
brainondev

Reputation: 1117

var selectTask = function(selectedDate, calendar) { // pretends to remain open                         
                     setTimeout(function() {
                        $(selector).datepicker('show'); // don't go away ...
                     }, 0);
                 };
// datepicker instance
$(selector).datepicker({ onSelect:selectTask, duration:0 });

It's an illusion of prevent closing; might reach the goal.

Upvotes: 0

chepe263
chepe263

Reputation: 2812

$('#datepicker').blur(function(){
$(this).datepicker('show')
})

open up http://jqueryui.com/demos/datepicker/ and copy the code on the javascript console and see what happens

Upvotes: 1

Keith Rousseau
Keith Rousseau

Reputation: 4475

I don't think it's possible to pick multiple dates from one datepicker. You probably will need to do something like their date range demo: http://jqueryui.com/demos/datepicker/#date-range

Upvotes: 1

Related Questions