利用第三方jQuery插件中lyzcalendar实现日期选择输入

框。

首先需要引入jQuery库和lyzcalendar插件库：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/lyzCalendar/3.0/css/lyz.calendar.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/lyzCalendar/3.0/js/lyz.calendar.min.js"></script>

在HTML页面中添加一个日期选择输入框：

<input type="text" id="date" name="date">

使用jQuery选择器选中该输入框，并使用lyzcalendar插件进行初始化：

$(function () {
    $("#date").calendar();
});

现在日期选择输入框已经可以使用了。完整的代码示例如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>日期选择输入框</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/lyzCalendar/3.0/css/lyz.calendar.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/lyzCalendar/3.0/js/lyz.calendar.min.js"></script>
</head>

<body>
    <input type="text" id="date" name="date">
    <script>
        $(function () {
            $("#date").calendar();
        });
    </script>
</body>

</html>