使用json的datepicker的具体日期？

HTML 结构: 包含一个输入框和一个按钮。
jQuery UI Datepicker: 使用 jQuery UI 库初始化 datepicker 。
事件处理: 当用户点击按钮时，获取选择的日期并将其转换为 ISO 格式的字符串，然后将其包装在一个 JSON 对象中。

datepicker 是一个常用的前端组件，用于在用户界面上选择日期。它通常与 JSON 数据格式一起使用，以便在前端和后端之间传输日期数据。下面是一个使用 JSON 格式的 datepicker 的具体日期示例：

基础概念

JSON (JavaScript Object Notation): 一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。
Datepicker: 一个用户界面组件，允许用户通过日历选择日期。

示例代码

假设我们有一个 HTML 页面，其中包含一个 datepicker 组件和一个按钮。当用户选择日期并点击按钮时，选择的日期将以 JSON 格式发送到服务器。

HTML 部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Datepicker Example</title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
    <input type="text" id="datepicker">
    <button id="submitBtn">Submit</button>

    <script>
        $(function() {
            $("#datepicker").datepicker();
            $("#submitBtn").click(function() {
                var selectedDate = $("#datepicker").datepicker("getDate");
                var jsonDate = {
                    date: selectedDate.toISOString().split('T')[0]
                };
                console.log(JSON.stringify(jsonDate));
                // 这里可以将 jsonDate 发送到服务器
            });
        });
    </script>
</body>
</html>