用前端写一个带时分秒的时间选择器
时间: 2023-05-19 20:02:34 浏览: 466
时间选择器(时分秒).rar
好的,我可以为您提供一个用前端编写的带有时分秒的时间选择器。您可以使用 HTML、CSS 和 JavaScript 来实现它。以下是一个简单的示例代码:
HTML 代码:
```html
<label for="time">选择时间:</label>
<input type="time" id="time" name="time">
```
CSS 代码:
```css
input[type="time"] {
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
```
JavaScript 代码:
```javascript
var timeInput = document.getElementById("time");
timeInput.addEventListener("change", function() {
var time = timeInput.value;
console.log("您选择的时间是:" + time);
});
```
这个时间选择器将会显示一个带有时分秒的输入框,用户可以通过点击输入框来选择时间。当用户选择时间后,JavaScript 代码将会打印出用户选择的时间。
阅读全文