前端关于时间跨度的交互设计?

Question

业务场景：有一个时间范围控件。默认时间是 今天 ~ 今天 。必填且搜索时间跨度最大为三个月

antd例子：https://codesandbox.io/s/xuan-ze-bu-chao-guo-qi-tian-de-fan-w...

当再次打开面板时会清除之前选中的时间，相当于清除了跨度暂时限制，为了方便用户再选择。

尝试：打开页面时记住上次选择的值，关闭时根据上次选中的值来补充

const current = {
    start: formValues.start || previous.satrt
    end: formValues.end|| previous.end
}

但是这么做有个问题，当清空时用户没有选择限制。如果用户只选择一个 【start = previous.end - 12月】，然后不选择结束时间。这个时候根据上次的结束时间补充，就会导致时间跨度大于3个月

问题：假如用户不选择或者用户只选择一个如何处理【这个搜索条件是必填的，应该限制为不空】，然后触发blur关闭面板会导致空值该怎么处理，对用户的交互效果才算好？

tips: 表格上面的搜索框。轻交互，希望不要出现弹框提示

Answer 1

只选了一个时间，可以将开始/结束 在此基础加减 3个月 ； 或 开始/结束 都设为用户选的那个值。