Bootstrap 日期选择器：简单易用，快速集成

Bootstrap 提供了一个日期选择器插件，可以让用户方便地选择日期。

使用方法：

引入相关文件

<!-- 引入jQuery文件 -->
<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js'></script>

<!-- 引入moment.js文件，用于日期格式化 -->
<script src='https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js'></script>

<!-- 引入Bootstrap日期选择器文件 -->
<link rel='stylesheet' href='https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css'>
<script src='https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js'></script>

定义HTML元素

<input type='text' class='form-control' id='datepicker'>

初始化日期选择器

<script>
$(function() {
    $('#datepicker').datepicker({
        format: 'yyyy-mm-dd',  // 日期格式
        language: 'zh-CN',    // 语言
        autoclose: true,      // 选择后自动关闭
        todayHighlight: true  // 高亮当前日期
    });
});
</script>

以上代码会在页面加载完成后，对ID为datepicker的元素进行初始化，生成一个日期选择器。

更多配置项可以参考官方文档：https://bootstrap-datepicker.readthedocs.io/en/latest/options.html