bootstrap日历插件作为input

Bootstrap的日历插件是一种轻量级、易于集成的JavaScript组件，常用于HTML表单中的`<input type="date">`元素上，它可以帮助用户更方便地选择日期，而不仅仅是提供文本输入。Bootstrap Datepicker（也称为Pickadate.js）是一个流行的选项，它提供了丰富的配置选项，比如定制外观、事件监听以及支持多种语言。

要在Bootstrap中使用这个插件，首先需要在HTML文件中引入Bootstrap CSS和JS库，然后添加Datepicker相关的CSS和JS文件。下面是一个基本的示例：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<input type="text" class="form-control" data-date-format="yyyy-mm-dd" id="datetimepicker">

<script>
$(document).ready(function(){
    $('#datetimepicker').datepicker();
});
</script>

在这个例子中，`data-date-format`属性允许你设置日期格式，`$(document).ready()`函数确保DOM加载完成后才初始化插件。