如何在材料UI中设置未来时间<文本字段类型="日期时间-本地" />

Question

我想将默认时间设置为比当前时间晚4小时，所以如果它像2021年10月31日凌晨3点，默认时间应该显示2021年10月31日凌晨4点对于像2021年10月31日晚上10点这样的时间，它应该显示2021年11月1日凌晨2点

我试着把4加到当前的小时，但它打破了夜间时间。

const currentDate = new Date();
const dateTime = `${currentDate.getFullYear()}-${currentDate.getMonth() + 1}-${currentDate.getDate()}T${
currentDate.getHours() + 3
}:${currentDate.getMinutes()}`;

<TextField
id="datetime-local"
type="datetime-local"
defaultValue={`${dateTime}`}
InputLabelProps={{
shrink: true,
}}
InputProps={{ inputProps: { min: `${dateTime}` } }}
onChange={handleChange}
/>
</div>

Answer 1

您可以从Date对象中使用setHours和getHours方法。

const currentDate = new Date();
const fourHoursLater = new Date(
currentDate.setHours(currentDate.getHours() + 4)
);

codesandbox