一种日历选择交互

需求描述:每月选择一天,大家聚会“吃饭”;
可以进行批量设置(多选),比如设置每月第三周的周一吃饭,当月没有该日期的另外选择;
也可以只设置下个月的(单选);
最多可设置之后一年的时间;

我设计了一种交互,实际项目中,并未采用此方案,所以记录一下;
下面是这种形式的截图,也可点击查看demo
点击顶部的周几,可以选中一列,能够很清晰第看出哪个月没有选中,方便补选;

实际项目中的方案比较恶心,将设置单月和批量设置的功能分开,相当于两个入口;

批量设置又分为两部分,一部分是条件区域,一部分是日历区域;条件区域需要选择第几周、周几;日历区域就是普通的小方块日历,一屏还显示不下,会有滚动条;

操作中,如果当月所选周数没有对应日期(比如2月的第6周),还要提示用户,逻辑非常复杂,而且一眼还看不到所有月份的选择情况;

如果这篇文章对你有用,可以点击下面的按钮告诉我

0

发表回复