javascript - jQuery UI Datepicker 限制和可变日期范围自动更新

Question

我正在尝试获取我的日期选择器 (jQuery UI Datepicker)，它有一个字段用于“ checkin ”，另一个字段用于“ checkout ”以根据最短时间(以秒为单位)更新 checkout 日期) 在用户选择入住日期时通过 ajax 拉入，但也允许更改选择。

例如，我想在 1 月 1 日入住，因此根据通过 ajax 获取的最短 2592000 秒(30 天)，退房字段更新为 1 月 31 日。但后来我改变主意，决定在 12 月 31 日入住，所以它应该让我将入住日期更改为更早的日期，并自动将退房日期更新为 1 月 30 日。

下面是我的代码，其中注释掉的部分几乎可以实现我想要的，除了它不允许更改更早的日期，而且我不确定如何将退房日期限制为从退房开始的最短时间 -在。通过 ajax 提取的数据也有可用时间段，因此日历显示可用天数是可选择的，已经预订的天数是不可选择的。这部分工作正常。对于没有的部分有什么建议吗？

$.ajax({
        url: "/ping/availability.php",
        data: "pid="+$('#pid').text(),
        dataType: "json",
        success: function(calendarEvents){
            var dates = $("#checkin, #checkout").datepicker({
                changeMonth: true,
                numberOfMonths: 1,
                /*onSelect: function(selectedDate) {
                    var option = this.id == "checkin" ? "minDate" : "maxDate";
                    var instance = $(this).data("datepicker");
                    var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
                    dates.not(this).datepicker("option", option, date);
                },*/
                dateFormat: 'M d, yy',
                beforeShowDay: function (date){
                    for (i = 0; i < calendarEvents.length; i++) {
                        var b,e,c;
                        b = Date.parse(calendarEvents[i]['from']);
                        e = Date.parse(calendarEvents[i]['to']);
                        c = Date.parse(date);
                        if((c <= e && c >= b)) {
                            return [true,"ui-state-notbooked"];
                        }
                    }
                    return [false, "ui-state-booked"];//disable all other days
                }
            });
        }
    });

示例 ajax 数据显示可用时间段和以秒为单位的最小预订长度:

[{"from":"Tue, 01 Feb 2011 00:00:00 -0800","to":"Fri, 30 Sep 2011 00:00:00 -0700","min":7776000}]

Answer 1

http://jsfiddle.net/generalhenry/LerRw/2/

我想我已经成功了