- 背景需求:
最近接了一个需求,需要做一个类似电影院的选座功能,不同的是需要自己选择日期,预定时间段,然后根据日期+时间段查询座位信息,结合图片说下需求。
a、日期组件可选2天内(当天+第二天)。进入页面默认展示当天日期,预定开始时间为当前时间,预定结束时间为开始时间之后30分钟。
b、日期确定后才能选择预定开始时间,开始时间以及结束时间我这边是固定的时间点(08:30-22:30)。开始时间分钟段以5分钟为倍数设置往后推算展示,其余时段不显示。如果当前时间为22:00,则不展示当天时间,自动切换到第二天。
c、选择预定结束时间。结束时间已开始时间为标记,半小时为倍数生成规则,其余时段不显示。两个时间段确定以后算出预定时长(小时为单位),并调后端接口查询座位信息。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。