版权声明:转载请申明出处,谢谢 https://blog.csdn.net/qq_35495763/article/details/83024963
java web实现的选择时间input后内容改变后触发时间
实现时间的比较
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body >
<div><!-- 模塊一 -->
<form onsubmit=" return myfunction()" action="myfunction.jsp" >
<input type="date" name="name" id="name" oninput="alert(this.value);" /><!-- //內容改變時觸發時間 -->
<input type="date" name="idData" id="idData" onblur="myfunction()" /> <!-- //失去焦點時觸發時間 -->
<input type="submit" value="Submit" />
</form>
</div>
<br>
<div><!-- 模塊二 -->
<form action="myfunction.jsp" >
<input type="date" id="name" />
<input type="date" id="idData" oninput="myfunction()" /> <!-- //內容改變時觸發時間 -->
<input type="submit" value="Submit" />
</form>
</div>
<br>
<div><!-- 模塊三 -->
<form action="myfunction.jsp" onsubmit="return myfunction()" > <!-- 提交內容是驗證時間的比較 -->
<input type="date" id="name" />
<input type="date" id="idData" />
<input type="submit" value="Submit" />
</form>
</div>
<script type="text/javascript">
function myfunction(){
var date= document.getElementById("idData").value;
var date1=document.getElementById("name").value;
var al = new Date(date).getTime();
var bl = new Date(date1).getTime();
alert("提交");
if (al>bl) { //比較時間的大小
alert("提交");
console.info("success");
return false;
}
}
</script>
</body>
</html>