有没有办法在不使用双向绑定的情况下在 blazor 中创建只读日期框？

Question

            <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" 看起来像一个文本框）

谢谢！

Answer 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();
        }

}