时间戳

首页 > 解决方案 > 为什么html输入时间控件绑定到blazor中的属性时会失去焦点？

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

问题描述

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

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

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

标签： razorblazorblazor-client-side

解决方案

不知道什么是“Timer.Time”...但是，您可以这样做。您可以对其进行改进，并根据您的要求对其进行格式化。

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

<div>@value</div>

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

推荐阅读