uniapp [全端兼容] - 详细实现日历“平铺方式“直接在页面上显示出来，而并非嵌套在弹出式窗口里的日历插件组件，uniapp日历选择日期不想套在弹框里而是直接摆在页面上（单选/多选/范围选择等）

前言

如果您需要 “纯弹框式” 日历，请访问 这篇文章。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解实现让日历以平铺、全屏的形式直接放到页面上，而并非常见的弹框及弹出式窗口才能打开日历进行选择，uniApp不套在弹框里的日历插件，直接能显示到想要的位置而不需要先打开弹框才能选取日历日期，您可以将该日历组件放到任意位置或自己的模态框中，支持日历单选、日历多选、日历开始和结束范围选择，可显示农历阴历等。

uniapp（vue2 | vue3）版本项目均可使用，复制代码运行即可。

---

如下图所示（仅演示了单选），日历列表直接显示出来，而并非 “强制套在弹框内” 打开才能选择。

详细源码，保证100%搞定。

</