luosonglin/sl-periodpicker

uniapp功能组件，可视化的分时段选择器。主要应用在分时段相关产品，如电商行业的分时段出价、分时段销售、分时段营销，办公领域的分时段日程表、会议室的分时段预约，交通安全行业的分时段限行，广告行业的分时段竞价

sl-periodpicker 分时段选择器

组件名：sl-periodpicker

注意事项

• schedule对象传入的时间段属性使用的是24小时制格式化日期yyyy-MM-dd HH:mm:ss，如： 2021-11-30 08:00:00

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

基本用法

在 template 中使用组件

<sl-periodpicker :schedule="item" :startTime="startTime" :endTime="endTime" :key="menuKey" />

API

Periodpicker Props

属性名	类型	默认值	值域	说明
startTime	String	-	date/daterange/datetime/ datetimerange range	时间选择范围-开始时间
endTime	String	-	date/daterange/datetime/ datetimerange range	时间选择范围-结束时间
schedule	Object	-	-	已有“业务”的时间段。期待格式 [{"name":"600室","room_id":"0","schedule":[{"start":"2021-11-30 2021-11-30 08:50:00","end":"2021-11-30 2021-11-30 10:30:00","user":"产品技术部-某某某","length":13.33,"x":6.67,"remark":1}]}]

Periodpicker Events

事件名称	说明	返回值
click	确定某时间段触发的事件	-