HTML的日期输入类型中的变量“ min”

Question

我想要一个JavaScript来限制用户输入今天日期之后至少5天的日期。我已经写了js来获取今天的日期，但是我不知道如何动态地更改“最小”值。在2016年2月14日输入了最小值的常量值。

<input type='date' id='d1' name='d1' min="2016-02-14">
<script type="text/javascript">
var d1 = new Date();
var y1= d1.getFullYear();
var m1 = d1.getMonth()+1;
if(m1<10)
  m1="0"+m1;
var dt1 = d1.getDate();
if(dt1<10)
  dt1 = "0"+dt1;
var d2 = y1+"-"+m1+"-"+dt1;
document.getElementById('d1').value=d2;
</script>

Answer 1

尝试执行此操作-尽管不确定它是否可以在所有浏览器中运行-firefox和IE可能不支持日期/时间输入的最小值和最大值。 使用datetime或timestamp并将其用作数字（可能易于设置为min值）并修改输入，可能更好。

 <!DOCTYPE html>
<html>
<head>
<title>Date</title>
    <meta charset="utf-8">
</head>

<body>
    <form>
        <input type='date' id='d1' name='d1' min="">
    </form>
<script>
    var d1 = new Date();
        var y1= d1.getFullYear();
        var m1 = d1.getMonth()+1;
            if(m1<10){ m1="0"+m1};
        var dt1 = d1.getDate();
            if(dt1<10){dt1 = "0"+dt1};
        var d2 = y1+"-"+m1+"-"+dt1;
    document.getElementById('d1').value=d2;


    var future = new Date();
future.setDate(future.getDate() + 5);
 var futureYear= future.getFullYear();
    var futureMonth = future.getMonth()+1;
        if(futureMonth<10){futureMonth="0"+futureMonth};
    var futureDay = future.getDate();
        if(futureDay<10){futureDay = "0"+futureDay};
    var futureDate = futureYear+"-"+futureMonth+"-"+futureDay;
    document.getElementById('d1').setAttribute("min", futureDate);
</script>
</body>
</html>

HTML的日期输入类型中的变量“ min”

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-02-14 10:34:53

HTML的日期输入类型中的变量“ min”

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-02-14 10:34:53

解决方案1
0 已采纳 2016-02-14 10:34:53