近一个月/近三个月（时间段查询时间）

最新推荐文章于 2024-01-05 15:53:49 发布

多乐_π

最新推荐文章于 2024-01-05 15:53:49 发布

阅读量361

点赞数

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/weixin_45481456/article/details/125624479

版权

const dateFormat = "YYYY-MM-DD";

 // 时间段
const [type, setType] = useState<string>("");
 // 时间 
const [date, setDate] = useState<RangePickerValue>([undefined, undefined]);


  const onChangeDate = (time: any) => {
// 用户自定义时间， 那么type为空
    setType("");
// 保存自定义时间
    setDate(time);
  };

  const timeClick = (e: any) => {
    setType(e.target.value);
    if (e.target.value === "0") {
    // moment().subtract(1, "month") 从当天往前推一个月
      setDate([moment().subtract(1, "month"), moment()]);
    } else if (e.target.value === "1") {
      setDate([moment().subtract(3, "month"), moment()]);
    } else if (e.target.value === "2") {
      setDate([moment().subtract(6, "month"), moment()]);
    }
  };


// 接口里传时间段的时候，写法
        createDateStart: date[0]?.format("YYYY-MM-DD"),
        createDateEnd: date[1]?.format("YYYY-MM-DD"),

// 页面
           <div>

              <DatePicker.RangePicker
                style={{ width: 280 }}
                format={dateFormat}
                value={date}
                allowClear={false}
                onChange={onChangeDate}
              />
              <Radio.Group value={type} onChange={timeClick} >
                <Radio.Button value="0">近1个月</Radio.Button>
                <Radio.Button value="1">近3个月</Radio.Button>
                <Radio.Button value="2">近6个月</Radio.Button>
              </Radio.Group>
            </div>