input时间日期输入类型的使用

最新推荐文章于 2024-10-08 14:08:32 发布

菜鸟下山

最新推荐文章于 2024-10-08 14:08:32 发布

阅读量1.3w

点赞数

文章标签： html5 时间日期input类型的使用

本文链接：https://blog.csdn.net/huzijia888/article/details/78565644

版权

<!doctype html>
<html>
<head>
<style>

</style>
<script>
function test(){
var test1=document.getElementById("test1").value;
var test2=document.getElementById("test2").value;
var test3=document.getElementById("test3");
var test4="您预约的考试时间是："+test1+"&nbsp"+test2+"&nbsp请准时参加考试";
test3.innerHTML=test4;

}
</script>
<meta charset="UTF-8">
</head>
<body>
请选择预约考试时间：<input type="date" min="2012-01-01" max="2018-01-01" value="2017-11-12" id="test1">
<input type="time" min="08:00" max="16:00" value="08:00" id="test2">
<button οnclick="test()">提交</button>
<p><span id="test3"></span></p>
</body>
</html>