Javascript 如何显示类似结束日期的日期未来日期取决于开始日期

我有两个约会对象。我想显示enddate取决于startdate，而不是相反的顺序

例如：

startdate:07/02/2018  enddate: 07/16/2018 == correct - should be enable 16
startdate:07/02/2018  enddate: 07/02/2018 == wrong -should be disable  02(enddate)

在选择startdate之后，我只想在enddate中显示将来的日期。我怎么做？我所有的月份和年份只有2,16次约会。开始日期和结束日期不应相同。结束日期应为未来日期，取决于开始日期

Js:

  var disabledDates = []
  $("#from").datepicker({
  minDate: 'D',
  dateFormat: "dd/mm/yy",
  defaultDate: "+1w",
  numberOfMonths: 1,
        beforeShowDay: function(d) { 
        if (d.getDate() == 2 || d.getDate() == 16) {
          return [true, "" ];
        } else {
           return [false, "" ];
        }
     },
  onClose: function(selectedDate) {
  disabledDates=[selectedDate];
    $("#to").datepicker("option", "minDate", selectedDate); 
     }
    });

  $("#to").datepicker({
  minDate: 0,
  dateFormat: "dd/mm/yy",
  defaultDate: "+1w",
  numberOfMonths: 1,
        beforeShowDay: function(d) {  

        if (d.getDate() == 2 || d.getDate() == 16) {
          return [true, "" ];
        } else {
           return [false, "" ];
        }
     } 
     });

Start Date:<input type="text" name="date" id="from" readonly="readonly" size="12" />
End Date:<input type="text" name="date2" id="to" readonly="readonly" size="12" />

HTML:

  var disabledDates = []
  $("#from").datepicker({
  minDate: 'D',
  dateFormat: "dd/mm/yy",
  defaultDate: "+1w",
  numberOfMonths: 1,
        beforeShowDay: function(d) { 
        if (d.getDate() == 2 || d.getDate() == 16) {
          return [true, "" ];
        } else {
           return [false, "" ];
        }
     },
  onClose: function(selectedDate) {
  disabledDates=[selectedDate];
    $("#to").datepicker("option", "minDate", selectedDate); 
     }
    });

  $("#to").datepicker({
  minDate: 0,
  dateFormat: "dd/mm/yy",
  defaultDate: "+1w",
  numberOfMonths: 1,
        beforeShowDay: function(d) {  

        if (d.getDate() == 2 || d.getDate() == 16) {
          return [true, "" ];
        } else {
           return [false, "" ];
        }
     } 
     });

Start Date:<input type="text" name="date" id="from" readonly="readonly" size="12" />
End Date:<input type="text" name="date2" id="to" readonly="readonly" size="12" />

开始日期：
结束日期：

我很难让您的示例正常工作，因此我必须像在示例中一样在HTML中添加标签

通过使用

beforeShowDay

参数筛选可用日期，您的尝试非常接近。我对它进行了一点优化，这似乎很管用。在第一个输入上使用

onClose

参数，然后在第二个日期选择器上设置最小日期

HTML

---

我希望这能有所帮助。

不要重复……请正确阅读不要重复……请检查。我明白为什么应该将其标记为重复项，尽管这些问题非常相关。使用另一个示例，我能够创建您需要的内容。请检查下面的答案。请给出更多有效/无效输入的示例“To”日期选择器不应允许相等日期（应禁用相等日期）。“To”日期选择器将只允许（启用）未来日期依赖于“from”日期选择器值。不工作。请参阅JSFIDLE。在我的日历中，我只显示了所有年份的2个和16个日期。我想显示未来的日期只取决于起始日期。我明白你的意思。我已经在这里和JSFIDLE中更新了答案中的代码。这就是你要找的吗？所有人都在努力……但我们找不到解决办法。我得到了答案。谢谢各位