为什么 html 输入时间控件在绑定到 blazor 中的 属性 时失去焦点?

Why is the html input time control losing focus when it is bound to a property in blazor?

我的剃须刀页面中有一个 html 输入时间控件。当我在控件内部单击时,它会自动突出显示小时部分以输入小时数。输入小时后,控件将失去焦点。如果我从元素中删除 @bind 并突出显示分钟部分,它会工作正常。

如何在不删除 @bind 的情况下使其工作?感谢您的任何建议。

<input type="time" class="form-control"
                   step="300" @onblur="@(async () => await Update())"
                   @bind="Timer.Time" />
                   

不知道什么是“Timer.Time”...但是,您可以按照以下方法进行操作。您可以对其进行改进,并根据您的要求进行格式化。

<input type="time" class="form-control"  @bind="@value" />

<div>@value</div>

@code {
        
    private DateTime value = DateTime.Now;
 
}