blazor - 如何禁用 blazor InputDate 组件的日期选择器？

Question

鉴于：

<Input Date class="form-control" @bind-Value="item.Birthday" />

如何防止日期选择器弹出，同时仍然利用日期屏蔽？

Answer 1

该解决方案需要 CSS，并不特定于 Blazor。

但这里有一些用 Blazor 编写的示例代码，我在 Google Chrome 中进行了测试和验证：

@page "/"

<style>
    input::-webkit-calendar-picker-indicator {
        display: none;
    }
</style>

<EditForm Model="@myPerson">
    <InputDate class="form-control" @bind-Value="@myPerson.Birthday" />
</EditForm>

@code {
    Person myPerson = new Person();
    public class Person
    {
        public DateTime Birthday { get; set; } = DateTime.Now;
    }
}

参考：禁用本机 DatePicker