如何使用 Bootstrap Datepicker 获取更改事件的日期？

Bootstrap Datepicker 是一个使用简单、效果美观的日期选择器，它可以很方便地集成到网站中。如果你使用 Bootstrap Datepicker 来选择日期，下面是如何获取更改事件的日期的方法。

步骤一：引入 Bootstrap Datepicker

首先，需要在 HTML 文件中引入 Bootstrap Datepicker 的 CSS 和 JS 文件。例如：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

步骤二：初始化 Datepicker

在页面加载完成后，需要初始化 Datepicker。例如：

$(document).ready(function() {
  $('.datepicker').datepicker({
    format: 'yyyy-mm-dd'
  });
});

这里的 ".datepicker" 是你需要加上日期选择器的 input 元素的类名，format 是日期格式的设置，例如 "yyyy-mm-dd"。

步骤三：添加更改事件监听器

在初始化之后，需要添加更改事件的监听器，来获取更改事件的日期。例如：

$('.datepicker').datepicker().on('changeDate', function(e) {
  console.log(e.date);
});

这里的 e.date 就是当前选择的日期。你可以将其用于你的其他操作中。

Markdown 代码片段

# 如何使用 Bootstrap Datepicker 获取更改事件的日期？

## 步骤一：引入 Bootstrap Datepicker

```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

步骤二：初始化 Datepicker

$(document).ready(function() {
  $('.datepicker').datepicker({
    format: 'yyyy-mm-dd'
  });
});

步骤三：添加更改事件监听器

$('.datepicker').datepicker().on('changeDate', function(e) {
  console.log(e.date);
});