bootstrap 日期控件
时间: 2023-08-29 20:12:46 浏览: 156
bootstrap日期控件
Bootstrap提供了一个日期选择器插件,可以通过引入相应的CSS和JS文件来使用。
首先,需要在HTML文件中引入相关文件:
```html
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css">
<script src="https://cdn.bootcss.com/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
```
然后,可以在HTML中添加一个日期选择器:
```html
<input type="text" class="form-control datepicker">
```
最后,在JS中初始化日期选择器:
```javascript
$('.datepicker').datepicker({
format: 'yyyy-mm-dd', // 日期格式
autoclose: true // 选择后自动关闭日期选择器
});
```
这样就可以在网页中使用Bootstrap的日期选择器了。
阅读全文