关于HTML5:HTML输入类型=日期,字段约束

html input type = date, field constraints

本问题已经有最佳答案,请猛点这里访问。

我有一个简单的输入,比如:

1
Enter Payment Date : <input type="date" name="date" required><br/><br/>

现在我想限制用户选择当前日期之前的日期。我检查了日期输入的属性,发现我可以设置最小和最大日期。但是min属性要求我指定一个特定的日期,比如min="2017-08-06"。但我希望它是系统的当前日期。因为如果我将最小日期设置为2017-08-06,并且用户在2017-08-20之后使用该应用程序,那么用户可以选择2017-08-15之类的日期,我不想这样。我希望用户能够从当前使用该应用程序的日期中选择日期。

使用这个输入字段有什么方法可以做到吗?

对不起,这是一个很长的解释,我想澄清一下。


您必须使用javascript获取当前日期,然后从中解析一些信息。这段代码是从Samuel Meddows接受的问题答案中获取的,我如何用javascript获取当前日期,然后调整为使用html input标记的min属性。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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('input').setAttribute("min", today);
1
Enter Payment Date : <input id="input" type="date" name="date" required><br/><br/>