DatePicker

DatePicker 是一个可以让用户方便地选择日期的插件。它可以通过用户点击文本框或图标，弹出一个日历控件，用户可以在日历上选择一个日期，选择完毕后，日期会自动填充到文本框中。

常见的 DatePicker 插件有 jQuery UI DatePicker、Bootstrap DatePicker 等。下面以 jQuery UI DatePicker 为例，介绍如何使用它：

1. 引入相关的文件：

<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 引入 jQuery UI -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

2. 在文本框上应用 DatePicker：

<!-- 在文本框上应用 DatePicker -->
<input type="text" id="datepicker">

<!-- 初始化 DatePicker -->
<script>
    $(function() {
        $("#datepicker").datepicker();
    });
</script>

上面的代码中，我们首先在文本框上定义了一个 id，然后在 JavaScript 中调用了 `datepicker()` 方法，将其应用到该文本框上。这样，用户在点击该文本框时，就会弹出一个日历控件。

除了上面的基本用法外，DatePicker 还有很多其他的配置选项，比如可以设置日期格式、语言、最小日期、最大日期等等。您可以查看官方文档，了解更多详细信息。