<input type="text" class="form-control" data-toggle="date"如何让他选择的时间能到时分秒
时间: 2023-11-11 12:11:48 浏览: 154
时间选择器,可以到时分秒
4星 · 用户满意度95%
要让输入框支持选择时分秒,需要使用一个时间选择器插件,比如Bootstrap Datetimepicker插件。以下是代码示例:
1. 引入必要的CSS和JS文件
```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
```
2. 给输入框添加class
```html
<input type="text" class="form-control datetimepicker" data-toggle="date" />
```
3. 初始化时间选择器
```javascript
$(function() {
$('.datetimepicker').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss'
});
});
```
这样就可以在输入框中选择具体的日期时间了。
阅读全文