JavaScript - 如何根据用户 StartDate 选择禁用 future 日期？

Question

我有这个代码:

var today = new Date().toISOString().split('T')[0]; 
document.getElementsByName("StartDate")[0].setAttribute('min', today);

$('#StartDate').change(function myfunction() {
    var endDate = new Date($('#StartDate').val());
    $('#ReturnDate')[0].setAttribute('min', endDate);
})

我不想使用 JQuery datepicker，而是 html 日期类型。StartDate 工作正常，但我想根据用户在 StartDate 中选择的内容禁用日期。例如，如果用户选择了 2015-08-01，那么我希望禁用 ReturnDate 中 2015-08-02 之前的所有日期。我试过这段代码，但它仍然无法正常工作，有什么想法吗？

Answer 1

您的代码有太多问题，您混淆了 Javascript 和 jQuery 在 jQuery 对象上调用 Javascript 方法。

希望您仔细研究下面的代码，然后尝试找出错误的地方和原因。

var today = new Date().toISOString().split('T')[0]; 
document.getElementById("startDate").setAttribute('min', today);

$('#startDate').on("change", function() {
    var endDate = new Date(this.value).toISOString().split('T')[0];
    document.getElementById("endDate").setAttribute('min', endDate);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="startDate" type="date" />
<input id="endDate" type="date" />
<input id="btn" type="submit" />