限制特定时间间隔的日期输入

Question

我正在构建一个React应用程序，虽然它与React没有连接，但我想让用户在接下来的两周内只选择一天使用input[type="date"]标签。

我不知道如何将input限制在特定的时间段内(例如，接下来的14天(。

请帮帮我！

Answer 1

我正在构建一个React应用程序，尽管它与React 没有连接

这意味着什么？你创建了一个React项目，但没有使用React？

有几个选项可以做到这一点，react datepicker和moment.js是我最喜欢的创建日期选择器和创建自定义日期约束的选项。

以下是一个将原始输入限制在两周后的堆栈。

let twoWeeks = new Date(Date.now() + 12096e5)
.toISOString()
.split('T')[0]
.toLocaleString([], {
year: 'numeric',
month: 'numeric',
day: 'numeric',
});
<input type="date" max={twoWeeks} />