HTML5输入类型日期在今天之前禁用日期

Question

有没有办法在HTML5 <input type="date">之前禁用今天之前的日期？ 我尝试使用：<input type="date" min="<?php echo $today; ?>">但这仅适用于桌面浏览器... safari mobile仍然允许滚动日期。

Answer 1

输入日期必须采用 ISO 格式（移动浏览器支持）。

使用纯 HTML5 无法实现此目的。

但是使用Javascript，您可以执行以下操作：

scroller.scrollTo(0, savedValue)

和

<input name="setTodaysDate" type="date">

这个小脚本将以ISO格式更改var today = new Date().toISOString().split('T')[0]; document.getElementsByName("setTodaysDate")[0].setAttribute('min', today); 今天的日期。

此处的实例：jsFiddle

Answer 2

如果您使用的是PHP，则非常简单

<input class="form-control" type="month" min="<?php echo date('Y'); ?>" name="ex_rate_date" required>

Answer 3

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();
if (dd < 10) {
  dd = '0' + dd
}
if (mm < 10) {
  mm = '0' + mm
}

today = yyyy + '-' + mm + '-' + dd;
document.getElementById("datefield").setAttribute("max", today);

<input id="datefield" type='date' min='1899-01-01' max='2000-13-13'></input>

Answer 4

您可以尝试以下方法：

let navButtons = document.querySelectorAll('.pagination li');
let prevButton = navButtons[0];
let nextButton = navButtons[1];

prevButton.addEventListener('click', (event) => {

});

nextButton.addEventListener('click', (event) => {

});