首页 > 解决方案 > 如何在 Blazor 中设置最小日期?

问题描述

我正在尝试在日期块中设置最小日期。

已经试过了: <input type="date" id="datePickerId" min="@Start"/> @code{ public DateTime Start { get; set; } = new DateTime(2019, 11, 17); }

和: datePickerId.min = new Date(2019, 11, 17)

和: datePickerId.min = new Date('2019-11-17T00:00:00');

和: <input type="date" id="datePickerId" min="2019-11-17"/>

但是 2019-11-17 之前的日期仍然可以点击。我真的很感激一些关于如何让它们无法点击的帮助。

标签: javascripthtmlblazor

解决方案


我在 chrome edge 和 firefox 上试过这个。他们似乎都为我工作。我无法选择之前的日期。

<input type="date" id="datePickerId" min="2019-11-17" />
<input type="date" id="datePickerId" min="@date.ToString("yyyy-MM-dd")" />
@code {
    DateTime date = new DateTime(2019,11,17);
}

推荐阅读