Как добавить атрибут max в компонент InputDate

Question

У меня есть стандартный компонент <inputDate/> в моей Editform.

При рендеринге отображается правильный водяной знак yyyy-mm-dd, и вы можете правильно выбрать дату. Однако, когда вы пытаетесь ввести значение, год расширяется до 6 цифр вместо четырех. В документации w3school говорится о добавлении атрибута max к вводу. как добавить <inputDate/> компонент

Answer 1

Все компоненты в Blazor, наследующие от InputBase, поддерживают сквозную передачу атрибутов. Это означает, что какой бы неизвестный параметр вы ни определили для компонента, он будет отображаться в последнем теге HTML как есть. В качестве примера, если ваш компонент InputDate определен как <InputDate @bind-value="model.value" foo="bla" />, он будет отображаться как <input foo="bla" type="date" class="valid">.

Для вашей конкретной ситуации теперь вы можете использовать эти знания для определения дополнительного параметра max. для вашего InputDate компонента установите значение, которое вы хотите, и он будет отображен.

Надеюсь, это поможет.

Answer 2

у вас есть 6-значный снимок экрана?

Форма редактирования управляется аннотациями данных

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