基于微信小程序picker组件开发的时间自定义功能

in 网站建设
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
  1. 背景需求:
    最近接了一个需求,需要做一个类似电影院的选座功能,不同的是需要自己选择日期,预定时间段,然后根据日期+时间段查询座位信息,结合图片说下需求。1576990478(1).jpg
    a、日期组件可选2天内(当天+第二天)。进入页面默认展示当天日期,预定开始时间为当前时间,预定结束时间为开始时间之后30分钟。
    1576990557(1).jpg
    b、日期确定后才能选择预定开始时间,开始时间以及结束时间我这边是固定的时间点(08:30-22:30)。开始时间分钟段以5分钟为倍数设置往后推算展示,其余时段不显示。如果当前时间为22:00,则不展示当天时间,自动切换到第二天。
    1576990627(1).jpg
    c、选择预定结束时间。结束时间已开始时间为标记,半小时为倍数生成规则,其余时段不显示。两个时间段确定以后算出预定时长(小时为单位),并调后端接口查询座位信息。
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看