如何将max属性添加到InputDate组件

时间:2020-06-20 04:40:47

标签: blazor

我的Editform上有一个标准的1, 2 2, 1 3, 0 4, 0 组件。

渲染后,它会显示正确的<inputDate/>水印,并且您可以正确选择日期。 但是,当您尝试输入值时,年份将扩展为6位数字,而不是4位数字。在w3school的文档中,将max属性添加到输入中。如何添加yyyy-mm-dd组件

2 个答案:

答案 0 :(得分:1)

您有6位数字的屏幕截图吗?

Editform由数据注释控制

[Range(typeof(DateTime), "1/2/2004", "3/4/2004",
    ErrorMessage = "Value for {0} must be between {1} and {2}")]
public object SellEndDate;

答案 1 :(得分:1)

Blazor中继承自InputBase的所有组件都支持属性传递。这意味着您将为组件定义任何未知参数,它将直接在最终的HTML标签中呈现。例如,如果您的InputDate组件定义为<InputDate @bind-value="model.value" foo="bla" />,则它将呈现为<input foo="bla" type="date" class="valid">

对于您的特定情况,您现在可以使用此知识为max组件定义一个额外的InputDate参数,并将其设置为所需的值,然后将其呈现。 / p>

希望这会有所帮助。