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

Razor 为什么html输入时间控件绑定到blazor中的属性时会失去焦点?,razor,blazor,blazor-client-side,Razor,Blazor,Blazor Client Side,我的razor页面中有一个html输入时间控件。当我在控件内单击时,它会自动高亮显示小时部分以输入小时。输入小时数后,控件将失去焦点。如果我从元素中删除@bind并突出显示minutes部分,效果会很好 如何在不删除@bind的情况下使其工作?谢谢你的建议 <input type="time" class="form-control" step="300" @onblur="@(as

我的razor页面中有一个html输入时间控件。当我在控件内单击时,它会自动高亮显示小时部分以输入小时。输入小时数后,控件将失去焦点。如果我从元素中删除@bind并突出显示minutes部分,效果会很好

如何在不删除@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;
 
}

@价值观
@代码{
private DateTime value=DateTime.Now;
}

页面首次加载时,您会看到什么?输入有值吗?如果
Timer.Time
未初始化启动,我观察到这种行为。但是,当确保绑定到的值是有效的
DateTime
(例如
DateTime.Now
)时,它会正常工作。