将选择日期限制在今天和 7 天前之间

时间:2021-02-11 12:51:18

标签: javascript reactjs react-native datetimepicker

如何将选择日期限制在今天和 7 天前之间。我怎样才能达到这个限制?

                <DateTimePicker
                    testID="dateTimePicker"
                    timeZoneOffsetInMinutes={0}
                    value={date}
                    mode={date}
                    is24Hour={true}
                    display="default"
                    onChange={onChange}
                    maximumDate={new Date(2021, 2, 11)}
                    minimumDate={new Date(2021, 2, 4)}
                />

1 个答案:

答案 0 :(得分:1)

好吧,正如您所写的,您有两个名为 maximumDateminimumDate 的属性。

要得到您需要的东西,您必须将当前日期减去 7 天,并将当前日期作为最大值,将之前获得的日期作为最小值。

要获取当前信息,请按以下方式创建 Date 的新实例:

new Date();

通过这种方式,根据操作系统日期,使用当前日期初始化实例。

要获得比当前日期早 7 天的日期,您可以这样做:

 const lastWeek = new Date();
 lastWeek.setDate(lastWeek.getDate() - 7);

所以,最后要做的是使用这些值:

<DateTimePicker
    maximumDate={new Date()}
    minimumDate={lastWeek}
/>