Javascript 使用jQuery创建两个datepicker日期范围实例

我有两张日期表。每个表单有两个字段，一个是

from

和

to

。在javascript中，我创建了两个日期范围datepicker实例，但由于某些原因，在第二个日期范围表单中，它不太正常

第一种形式非常有效。但是，当我在第二个表单的

from

框中选择日期时，例如10月9日，它会在

from

框中显示该日期。然后，当我点击第二个表单中的

to

字段时，出于某种原因，我能选择的最长日期是10月9日

我下面有一把JS小提琴，你可以看到发生了什么。我四处搜索过，但找不到任何两种日期范围表格的工作示例。我可以找到很多默认的日期选择器，但是它们当然不是日期范围，并且写的不同，通常的问题是人们使用相同的ID，但是我的ID都不同，所以我不明白

---

JS小提琴-

工作演示

罪魁祸首是：

var option=this.id==“invfrom”？“minDate”：“maxDate”

旧代码中的代码行您的id有误，即

ivnfrom

，这与行为相反

休息这应该有助于你的事业

：）

代码

var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    dateFormat: 'dd/mm/yy',
    onSelect: function (selectedDate) {

        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(
            instance.settings.dateFormat || $.datepicker._defaults.dateFormat,
            selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});
var invdates = $("#invfrom, #invto").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    dateFormat: 'dd/mm/yy',
    onSelect: function (selectedDate) {

        var option = this.id == "invfrom" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(
            instance.settings.dateFormat || $.datepicker._defaults.dateFormat,
            selectedDate, instance.settings);
        invdates.not(this).datepicker("option", option, date);
    }
});

---

真不敢相信！但是非常感谢你指出这一点，我想我不会注意到：）@Nathan

：）

很高兴这对bruv有所帮助。