使用jQuery 日期选择插件 pickadate.js编写日历

首先，需要引入 pickadate.js 和相关的样式文件：

<link href="https://cdn.jsdelivr.net/npm/pickadate/lib/themes/default.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/pickadate/lib/themes/default.date.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/pickadate/lib/picker.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pickadate/lib/picker.date.js"></script>

然后，在需要使用日期选择器的地方添加一个输入框：

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

接着，使用 jQuery 初始化日期选择器：

$(document).ready(function(){
  $('.datepicker').pickadate({
    format: 'yyyy-mm-dd', // 日期格式
    selectMonths: true, // 是否显示月份
    selectYears: 15, // 显示几年的范围
    today: '今天', // 今天按钮文本
    clear: '清空', // 清空按钮文本
    close: '确定', // 确定按钮文本
    closeOnSelect: true, // 选择日期后是否自动关闭
    onSet: function(context) {
      console.log('选中日期：', context.select);
    } // 日期选择后的回调函数
  });
});

注意，`datepicker` 是输入框的类名，需要根据实际情况进行修改。其他配置项可以根据需要进行调整。

最后，就可以在页面中看到一个日期选择器了。选择日期后，会触发 `onSet` 回调函数，并输出选中的日期到控制台中。