bootStrap datepicker 显示字体设置

你可以使用 CSS 样式来自定义 Bootstrap Datepicker 的字体样式。以下是一个示例：

<!-- 在 head 标签中引入 Bootstrap 样式和 Datepicker 样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@chenfengyuan/datepicker@2.2.0/dist/datepicker.min.css">

<!-- 在 body 标签中使用 Datepicker -->
<input type="text" class="form-control" id="datepicker">

<!-- 在 body 标签底部引入 Bootstrap 脚本和 Datepicker 脚本 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@chenfengyuan/datepicker@2.2.0/dist/datepicker.min.js"></script>

<!-- 自定义 CSS 样式 -->
<style>
    /* 设置字体颜色为红色 */
    .datepicker td, .datepicker th {
        color: red;
    }
    /* 设置字体大小为 20px */
    .datepicker td, .datepicker th, .datepicker .datepicker-switch {
        font-size: 20px;
    }
</style>

<!-- 在 JavaScript 中初始化 Datepicker -->
<script>
    $(function() {
        $('#datepicker').datepicker({
            format: 'yyyy-mm-dd'
        });
    });
</script>

在上面的示例中，我们使用了 `color` 和 `font-size` 属性来自定义字体颜色和大小。你可以根据需要调整这些属性的值来适应你的应用程序。同时，你也可以使用其他 CSS 样式来自定义 Datepicker 的外观和样式。