Есть ли способ создать поле даты только для чтения в blazor без использования двусторонней привязки?

            <input type = "date" @bind-value = "masterEditItem.Date" class = "form-control col-md-4" readonly = "readonly" />
            <input type = "date" class = "form-control col-md-4" readonly = "readonly" value = "@masterEditItem.Date.ToString("yyyy-mm-dd")" />
            <input type = "date" class = "form-control col-md-4" value = "@masterEditItem.Date" />

Выходы трех вышеуказанных строк:

Кажется, что если я хочу поле даты только для чтения, мне придется использовать двустороннюю привязку?

Есть ли способ использовать одностороннюю привязку для поля даты только для чтения? (поскольку некоторые из моих свойств даты доступны только для чтения и не работают с двусторонней привязкой, я также хочу использовать class = "form-control", чтобы он выглядел как текстовое поле)

Спасибо!

🤔 А знаете ли вы, что...
HTML (HyperText Markup Language) - это стандартный язык разметки для создания веб-страниц.


1 428
1

Ответ:

Решено

Вы можете использовать текст типа ввода следующим образом:

@page "/"

<input type = "text"  readonly = "readonly" value = "@stringDate"  />

@code{

    public DateTime MyDate { get; } = DateTime.Now;
    private string stringDate;

        protected override void OnInitialized()
        {
            stringDate =  MyDate.ToShortDateString();

            base.OnInitialized();
        }

}