bootstraptable 日期控件

Bootstrap Table 插件本身并没有提供日期控件，但可以与其他日期控件库集成来实现日期控件的功能。下面介绍两个常用的日期控件库。

1. Bootstrap Datepicker

Bootstrap Datepicker 是一个基于 Bootstrap 的日期控件库，支持多种日期格式、多语言、自定义按钮等功能。它可以与 Bootstrap Table 集成，实现在表格中添加日期控件的功能。

集成步骤：

- 引入 Bootstrap 和 Bootstrap Datepicker 的 CSS 和 JavaScript 文件。
- 创建一个文本框或者输入框来作为日期控件的容器。
- 使用 `datepicker()` 方法来初始化日期控件，传入需要的参数。

示例代码：

<!-- 引入 Bootstrap 和 Bootstrap Datepicker 的 CSS 和 JavaScript 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<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/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<!-- 创建日期控件的容器 -->
<input type="text" class="datepicker">

<!-- 使用 datepicker() 方法初始化日期控件 -->
<script>
  $('.datepicker').datepicker({
    format: 'yyyy-mm-dd',
    autoclose: true
  });
</script>

2. Tempus Dominus

Tempus Dominus 是一个功能强大的日期控件库，支持多种日期格式、多语言、自定义主题等功能。它也可以与 Bootstrap Table 集成，实现在表格中添加日期控件的功能。

集成步骤：

- 引入 Bootstrap 和 Tempus Dominus 的 CSS 和 JavaScript 文件。
- 创建一个文本框或者输入框来作为日期控件的容器。
- 使用 `datetimepicker()` 方法来初始化日期控件，传入需要的参数。

示例代码：

<!-- 引入 Bootstrap 和 Tempus Dominus 的 CSS 和 JavaScript 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
<link href="https://cdn.bootcdn.net/ajax/libs/tempusdominus-bootstrap-4/5.3.1/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/tempusdominus-bootstrap-4/5.3.1/js/tempusdominus-bootstrap-4.min.js"></script>

<!-- 创建日期控件的容器 -->
<input type="text" class="datetimepicker">

<!-- 使用 datetimepicker() 方法初始化日期控件 -->
<script>
  $('.datetimepicker').datetimepicker({
    format: 'YYYY-MM-DD',
    useCurrent: false
  });
</script>

以上两个日期控件库都可以与 Bootstrap Table 集成，实现在表格中添加日期控件的功能。具体使用哪一个控件库，取决于个人喜好和项目需求。