JQuery datepicker-2从和到的输入

JQuery datepicker-2从和到的输入,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,我在两个输入框中使用Jquery datepicker插件,一个用于起始日期,另一个用于截止日期 设置第一个日期时,我希望第二个日期在第一个日期中选择的日期之后一天,禁用所有早于“开始日期”中选择的日期的日期 如果先选择“截止日期”,则“起始日期”设置为“截止日期”之前的一天 我找到了一些示例,但我不知道如何获取日期和时间。因此,如果我在“开始日期”中选择13/12/2010 15:50,则“结束日期”中的日期设置为14/12/2010 15:50或至少设置为14/12/2010 00:00 编

我在两个输入框中使用Jquery datepicker插件,一个用于起始日期,另一个用于截止日期

设置第一个日期时,我希望第二个日期在第一个日期中选择的日期之后一天,禁用所有早于“开始日期”中选择的日期的日期

如果先选择“截止日期”,则“起始日期”设置为“截止日期”之前的一天

我找到了一些示例,但我不知道如何获取日期和时间。因此,如果我在“开始日期”中选择13/12/2010 15:50,则“结束日期”中的日期设置为14/12/2010 15:50或至少设置为14/12/2010 00:00

编辑***

我刚刚发现它可以正常工作,但是没有时间选择器插件

 $(function(){

  $('#dateFrom').datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dateText, inst) {
         $('#dateTo').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
          }
  });
  $('#dateTo').datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dateText, inst) {
         $('#dateFrom').datepicker('option','maxDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
    }          
  });

});
基于上面的代码,是否可以对其进行调整,以便我可以将其与timepicker插件一起使用


提前感谢

尝试使用或事件更改和maxDate选项。

我已经掌握了大部分内容,但无法在小部件初始化后确定如何设置小时分钟数。给定以下HTML:

<label for="from">From</label><input id="from" name="from" />
<label for="to">To</label><input id="to" name="to" />
这是:

$("#from").datetimepicker();
$("#to").datetimepicker({
    beforeShow: function(input, inst) {
        var $toDateInput = $("#to");
        var fromDate = $("#from").datetimepicker("getDate");
        var toDate = $toDateInput.datetimepicker("getDate");
        var afterFromDate;

        if (fromDate) {
            if (!toDate || (toDate <= fromDate)) {
                afterFromDate = new Date(fromDate.toUTCString());
                afterFromDate.setDate(afterFromDate.getDate() + 1);               
                $toDateInput.datetimepicker("setDate", afterFromDate);
            }
            $toDateInput.datetimepicker("option", "minDate", fromDate);
        }
    }
});
请看这里:

您的大多数标准都得到了满足,但有几点不符合:

将“至”字段设置为空时,不会删除“自”日期选择器的最小日期。我尝试将minDate选项设置为null,结果出现了奇怪的行为。 beforeShow方法被多次调用。我认为这是因为在处理程序中调用了setDate,但不能确定。 如上所述,我无法在事后设置hourMin和minuteMin,而且设置minDate似乎不尊重日期的时间部分。
作者有一个问题列表,其中一些似乎与我遇到的问题有关。希望这至少能让您开始。

使用onSelect方法的问题在于,它与datetimepicker插件的行为方式不同。请注意,在您的演示中,您必须单击一天来关闭小部件。datetimepicker不是这种情况,可能是因为时间滑块。事实上,当用户选择某个日期时,无论是单击插件上的“完成”还是单击小部件上的“关闭”,都不会触发可靠的事件,这使得这样做很困难,至少在我所做的研究中是这样的。@Andrew:好的,我决定我不会用这些输入做任何事情,但是还有一个页面,我有两个输入,从和到,显示一个简单的日历就足够了,但是如果我使用这个,我会在IE中得到一个错误。我应该怎么做才能使这个错误消失?我没有看到IE8或IE7中的IE8上的错误mode@Andrew:请尝试使用timepicker插件运行示例。