时间选择器代码
时间: 2023-07-31 11:05:16 浏览: 109
下面是一个简单的HTML/CSS/JavaScript时间选择器的代码示例,可以供您参考:
HTML代码:
```
<input type="text" id="timepicker" placeholder="选择时间">
```
CSS代码:
```
#timepicker {
width: 200px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
}
```
JavaScript代码:
```
var timepicker = document.getElementById("timepicker");
timepicker.addEventListener("click", function() {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var time = hours + ":" + minutes;
timepicker.value = time;
});
```
这个时间选择器只是一个简单的示例,它会在用户点击输入框时,在输入框中显示当前的时间。实际上,比较完整的时间选择器一般都会提供更多的选项和功能,例如选择日期、选择时间段等等。
阅读全文
相关推荐

















