如何從 html/javascript 中先前表單的數據中禁用日期

Question

因此，在第一個表單上，我想在今天后 7 天禁用日期，並且它成功了但是在第二個表單上，我想在 date_in 表單填寫后 7 天禁用日期，但它不起作用。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> //date_in or first form <div class="form-group"> <label for="date_in">Date In</label> <input class="form-control" type="date" id="date_in" name="date_in" required> </div> //date_out or second form <div class="form-group"> <label for="date_out">Date Out</label> <input type="date" class="form-control" id="date_out" name="date_out"> </div> <script> //date_in disable javascript var dt = new Date(); dt.setDate(dt.getDate() + 8); var dayaf = dt.toISOString().split('T')[0]; document.getElementsByName("date_in")[0].setAttribute('min', dayaf); //date_out disable javascript var de = $('#date_in').val(); de.setDate(de.getDate() + 8); var dayen = de.toISOString().split('T')[0]; document.getElementsByName("date_out")[0].setAttribute('min', dayen); </script>

Answer 1

你已經完成了第一部分。 第二部分略有不同。 它應該隨着用戶選擇不同的“日期”值而動態變化。 所以，在下面替換：

//date_out disable javascript
var de = $('#tanggal_mulai').val();
de.setDate(de.getDate() + 8);
var dayen = de.toISOString().split('T')[0];
document.getElementsByName("date_out")[0].setAttribute('min', dayen);

像這樣：

$("#date_in").change(function(e) {
    var de = new Date($('#date_in').val());  // I guess tanggal_mulai is a typo or something
    de.setDate(de.getDate() + 8);
    var dayen = de.toISOString().split('T')[0];
    document.getElementsByName("date_out")[0].setAttribute('min', dayen);
});

您同時使用了 jQuery $() 和 vanilla JS (document.getElementByName) styles 來檢索對象。 我沒有碰這些，但強烈建議保持一致。