代码之家 › 专栏 › 技术社区 › Caiz22

如果所选日期是当前日期,则设置最小时间值

date html javascript

Caiz22 · 技术社区 · 5 年前

我有两个单独的输入字段,分别是日期和时间。用户不应能够选择一个 pickupDate pickupTime 已经过去(小于当前时间)。

拾取时间 当前日期 拾取时间 是否有最小值(当前时间)?

预订html

    <div class="pure-control-group">
        <label for="pickupDate">Pickup Date:</label>
        <input id="pickupDate" type="date" name="pickupDate" min="d" required>
    </div>
    <div class="pure-control-group">
        <label for="pickupTime">Pickup Time:</label>
        <input id="pickupTime" type="time" name="pickupTime" required>
    </div>


    <script>
        var d = new Date().toString("yyyy-MM-dd");
        var time = new Date().toString("HH:mm"); //changed from HH:mm
        document.getElementById("pickupDate").value = d;        
        document.getElementById("pickupTime").value = time;     
        pickupDate.min = d;

        if(pickupDate.value == d) {
            pickupTime.min = time;
        }
    </script>

-如果选择了是2019年5月25日不可能是下午1点
pickupDate 可能是下午1点

我的表格结构是:

referenceNo VARCHAR(100)    
pickupDate  DATE
pickupTime  TIME

0 回复 | 直到 5 年前

Ajay2707 calm 5 年前

我并没有完全做到你想要的,但给出了一个例子,你可以设置一个定时器在你的时间控制,以限制返回。

display_c(); 

function display_c(){
  var refresh=1000; // Refresh rate in milli seconds
  mytime=setTimeout('display_ct()',refresh)
}

function display_ct() {
  var d = new Date();
  var m = d.getMinutes();
  var h = d.getHours();
  var s = d.getSeconds();
 
  if(h == '0') {h = 24;}
  //alert(h+":"+m +":" + s);
  var currentTime = h+":"+m +":" +s ; 

  document.getElementById('sct').innerHTML = currentTime;  
  document.getElementById('ct').value = currentTime;  
  display_c();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!doctype html>
<html>
	
<head>
	<meta charset=utf-8>
	<title>Current Time Display</title>
</head>

<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

  <input type="time" id="ct">
  
  <span id='sct' ></span>
</body>

</html>