[日期选择器] 左右联动深入思考

96 阅读1分钟

用户行为的边界思量

  1. 左右不联动

    1. startDate.month === endDate.month
     leftCalenMonth = startDate.month
     rightCalendarMonth = startDate.month + 1
    
    1. endDate.month - startDate.month >= 1
     leftCalenMonth = startDate.month
     rightCalendarMonth = endDate.month
    
  2. LeftCalendar 选择 2018-01月,然后选择了 2018-01-01。鼠标 Hover 到 RightCalendar,选择年份下拉菜单,选择 2080-02月,点击 2080-02-20,此时,LeftCalendar 该做何变化??

    1. 保持: 2018-01月
    2. 跟随右侧,显示为: 2080-01 月的日历
  3. 如果和 第一点相反呢?即先在 RightCalendar 选择了 2018-01月,鼠标 Hover 到 LeftCalendar,选择年份下拉菜单,选择 2080-02月,点击 2080-02-20,此时,RightCalendar 该做何变化??