如何使用C＃属性绑定输入类型时间，并在更改更改后的获取值

Question

当我与C＃属性绑定时，我无法获取值或更改输入类型时间的值。

<input type="time" class="form-control" @bind="EndTime" @bind:format="HH:mm">

c＃属性

public DateTime EndTime { get; set; }

如果末日已经包含值，则如何绑定该属性，那么它将显示该属性，如果值更改，则末端时间值将会更改。

Answer 1

当您设置输入值以说“ 12:30”时，这不再是有效的日期格式（没有日期！），因此Blazor无法将其保存回 Endtime 。您将其设置为，大利士试图更新字段并失败，并且该值将设置回当前有效值，

如果您只需要有一个时间属性，则使用 timeonly 并将输入类型设置为时间，它将正常工作。

请记住，日期/时间的实际格式由浏览器和语言环境设置控制。

这是我的测试页面：

@page "/"

<h3>Date Time Testing</h3>

<div class="m-2">
    <input class="form-control" type="time" @bind=model.Time />
</div>
<div class="m-2">
    <input class="form-control" type="date" @bind=model.Date />
</div>
<div class="m-2">
    <input class="form-control" type="time" @bind=model.DateAndTime @bind:format="hh:mm" />
</div>
<div class="m-2">
    Time : @model.Time.ToLongTimeString()
</div>
<div class="m-2">
    Date : @model.Date.ToLongDateString()
</div>
<div class="m-2">
    DateTime : @model.DateAndTime.ToString()
</div>
@code {
    private ModelData model = new ModelData();

    public class ModelData
    {
        public TimeOnly Time { get; set; }
        public DateTime DateAndTime { get; set; }
        public DateOnly Date { get; set; }
    }
}