使用 html5 和 thymeleaf 验证日期

Question

我有一个接受日期输入的表单。我想验证用户没有选择未来的日期。我知道我可以在 html 中放置最小值和最大值，但我看到的唯一示例日期是硬编码的，所以我尝试通过将 currentDate 的值添加到模型中来将其传递给 html

model.addAttribute("currentDate", LocalDate.now());



<input type="date" max="${currentDate}" data-th-max="${currentDate}" id="yearOfRegistration" name="yearOfRegistration"/>
                    <label class="error" th:errors="${initialRequestDTO.yearOfRegistration}"></label>

但我确实接受了未来的日期，而不是我想要的。有什么建议吗？

Answer 1

您可以通过 Javascript 以正确的格式获取当前日期并使用它来设置日期输入的maxvalue。像这样的：

$(function() {
  var currentDate = new Date();
  var month = currentDate.getMonth() + 1;
  var day = currentDate.getDate();
  var year = currentDate.getFullYear();

  if (month < 10) {
    month = '0' + month.toString();
  }

  if (day < 10) {
    day = '0' + day.toString();
  }

  var maxDate = year + '-' + month + '-' + day;
  $('#yearOfRegistration').attr('max', maxDate);
});