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>
近一个月/近三个月(时间段查询时间)
最新推荐文章于 2024-01-05 15:53:49 发布