1. 背景需求:
    最近接了一个需求,需要做一个类似电影院的选座功能,不同的是需要自己选择日期,预定时间段,然后根据日期+时间段查询座位信息,结合图片说下需求。1576990478(1).jpg
    a、日期组件可选2天内(当天+第二天)。进入页面默认展示当天日期,预定开始时间为当前时间,预定结束时间为开始时间之后30分钟。
    1576990557(1).jpg
    b、日期确定后才能选择预定开始时间,开始时间以及结束时间我这边是固定的时间点(08:30-22:30)。开始时间分钟段以5分钟为倍数设置往后推算展示,其余时段不显示。如果当前时间为22:00,则不展示当天时间,自动切换到第二天。
    1576990627(1).jpg
    c、选择预定结束时间。结束时间已开始时间为标记,半小时为倍数生成规则,其余时段不显示。两个时间段确定以后算出预定时长(小时为单位),并调后端接口查询座位信息。

wangy
239 声望7 粉丝