Ant Design 日期范围选择器仅显示一个月

问题描述 投票:0回答:1

enter image description here

根据文档,日期范围选择器应分别在日历中定义两个月,但日历仅显示一个月。

查看文档后,我将值从存储单个值更改为数组

here is my code snippet:
<RangePicker
                format={"YYYY-MM-DD"}
                size="small"
                value={[
                  dayjs(globalDates?.startDate, "YYYY-MM-DD"),
                  dayjs(globalDates?.endDate, "YYYY-MM-DD")
                ]}
                name="startDate"
                picker="day"
                allowClear={false}
                style={styles?.rangePickerStyles}
                className="h-12 w-full"
                popupStyle={{ zIndex: 9999 }}
                onChange={handleDateChange}
              />
javascript reactjs antd
1个回答
0
投票

如果你去蚂蚁设计文档这里。您可以看到日期选择器的所有类型,我建议您看一下这个(基于您提供的图像

<RangePicker picker="week" />

然后,您可以附加所有其他组件道具,甚至事件处理程序,如您所愿地使用它。


此外,如果您随后再次从官方文档这里检查此代码。

然后您可以查看如何添加默认值:

© www.soinside.com 2019 - 2024. All rights reserved.