如何在jQuery UI Datepicker上禁用datepicker的关闭

Question

当我打开这样的日期选择器时：

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

我想根据条件阻止关闭datepicker对话框。 理想的是'return false'会停止此事件。

我尝试修改源代码，没有简单的解决方案。

我想要做的是能够选择结帐日期而无需重新打开另一个对话框。

任何想法？

Answer 1

我不认为可以从一个日期选择器中选择多个日期。 您可能需要执行类似日期范围演示的操作： http ： //jqueryui.com/demos/datepicker/#date-range

Answer 2

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

打开http://jqueryui.com/demos/datepicker/并在javascript控制台上复制代码，看看会发生什么

Answer 3

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 });

这是一种阻止关闭的错觉; 可能达到目标。

Answer 4

花了大约一天后终于搞定了，

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

对于所有代码， 请单击此处 。

Answer 5

在这个问题中： jQuery UI Datepicker - 多个日期选择接受的答案解释了如何在一个日期选择器中实现多个日期选择。

要在选择日期后阻止日期选择器关闭，可以将其放在onClose选项中：

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

并在onSelect选项中添加：

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