Blazor InputDate 控件绑定日期为空时显示问题

Question

这是标记：

<InputDate @bind-Value="@EndTime" Type="InputDateType.DateTimeLocal" bind-Value:format="@DateTimeFormat" style="width:250px" />

日期时间格式 =“dd/MM/yyyy HH:mm”。

当控件显示在页面上且EndTime为空时， 它显示“mm/dd/yyyy --:-- --”作为占位符。 我希望当绑定值为空时控件为空。 我怎样才能实现这个目标？ 控件上没有占位符属性。

另一个问题是，即使格式要求 24 小时时间，也会使用“AM/PM”。

Answer 1

这是

<input type="date"/>

的默认行为，您需要覆盖输入的内置CSS，这是很难实现的。
您可以尝试一种解决方法，使其在值为空时透明。

<style>
    .null-date {
        width: 250px;
        color: transparent; 
    }
    .non-null-date {
        width: 250px;
        color: black; 
    }
</style>
<InputDate  @bind-Value="@EndTime" Type="InputDateType.DateTimeLocal" @bind-Value:format="@DateTimeFormat"  class="@(EndTime == null ? "null-date" : "non-null-date")" />

@code{
    private DateTime? EndTime { get; set; } = null;
}