用jQuery日期控件做一个日期输入

好的，以下是一个简单的用 jQuery UI 实现的日期控件：

首先，需要在 HTML 文件中引入 jQuery 和 jQuery UI 的库文件：

<!-- 引入 jQuery 库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<!-- 引入 jQuery UI 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">

<!-- 引入 jQuery UI 的 JS 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

然后，在需要添加日期控件的输入框中，加上 `datepicker` 类名即可：

<input type="text" class="datepicker">

最后，在 JavaScript 中使用以下代码初始化日期控件：

$(function() {
  $(".datepicker").datepicker();
});

这样，点击输入框就能弹出日期选择器了，选择日期后会自动填充到输入框中。

另外，你可以通过添加一些参数来自定义日期控件的显示方式，比如：

$(function() {
  $(".datepicker").datepicker({
    dateFormat: "yy-mm-dd",  // 设置日期格式
    minDate: new Date(),    // 设置可选日期范围（只能选择今天及以后的日期）
    maxDate: "+1m"          // 只能选择一个月内的日期
  });
});

以上代码中，`dateFormat` 参数设置日期格式为 `年-月-日`，`minDate` 参数设置可选日期范围为今天及以后的日期，`maxDate` 参数设置可选日期范围为一个月内的日期。