uniapp [全端兼容] - 详细实现时间范围选择器，uniApp时间区间选择插件组件、选择时间区间，用户选择从弹框中或面板上选择开始时间和结束时间（时间颗粒度HH:mm:ss时分秒，自由搭配拆分）

前言

网上的教程乱七八糟且兼容性太差，本文提供优质示例。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解 “时间段范围选择器” 时间段区间选择弹框，用户选择两个时间段格式为小时分钟、几点至几点效果，uniapp时间选择器插件，支持从底部弹起或直接在页面上展示出来，可设置默认当前时间、可开放秒数、自定义排版样式等，适用于预约时间、营业时间等从场景。

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

---

如下图所示，可直接显示或嵌套在弹框内选择，强大可靠。

详细示例代码，保证100%搞定

组件源码

具体实现代码如下，请直接复制运行测试即可。