如何在输入 <input type="time">
中显示当前时间并在使用另一个输入时隐藏其选择器图标 <input type="date">
并且使用 JavaScript 不会影响它?
谢谢大家。
最佳答案
具体操作方法如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="time" class="time">
<input type="date" class="date">
<script>
var date = new Date();
// This will set the current date and time in both the inputs
var currentDate = date.toISOString().substring(0 , 10);
var currentTime = date.toISOString().substring(11 , 16);
document.querySelector('.date').value = currentDate;
document.querySelector('.time').value = currentTime;
</script>
<style>
/* Hide the time picker */
input[type="time"]::-webkit-calendar-picker-indicator {
display: none;
}
/* Hide the date picker icon */
input[type="date"]::-webkit-calendar-picker-indicator{
display: none
}
</style>
</body>
</html>
关于JavaScript - 获取并显示 <input type ="time"> 中的当前时间,同时还可以使用 <input type ="date">,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70343300/