bootstrap日期时间选择器

Bootstrap提供了一个日期时间选择器插件，可以在表单中方便地选择日期和时间。以下是使用步骤：

1. 在页面中引入bootstrap.min.css和bootstrap-datetimepicker.min.css样式文件，以及jquery.min.js和moment.min.js和bootstrap-datetimepicker.min.js脚本文件。

2. 在HTML中添加日期时间选择器的输入框，例如：

<div class="form-group">
  <label for="datetimepicker">Date/Time:</label>
  <div class="input-group date" id="datetimepicker">
    <input type="text" class="form-control" />
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>
</div>

3. 在JavaScript中初始化日期时间选择器，例如：

$(function () {
  $('#datetimepicker').datetimepicker();
});

这样就可以在表单中使用日期时间选择器了。可以通过插件提供的选项进行自定义，例如：

$(function () {
  $('#datetimepicker').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss',  // 日期时间格式
    showClose: true,  // 显示关闭按钮
    showClear: true,  // 显示清空按钮
    showTodayButton: true,  // 显示今天按钮
    useCurrent: false,  // 不使用当前时间作为默认值
    minDate: '2020-01-01',  // 最小日期
    maxDate: '2025-12-31'  // 最大日期
  });
});

更多选项可以参考官方文档：https://eonasdan.github.io/bootstrap-datetimepicker/Options/