时间戳

首页 > 解决方案 > 输入日期绑定

.net - 输入日期绑定

问题描述

我正在尝试绑定到：

public DateTime? DOB { get; set; }

这很完美：

<input type="date" format-value="MM/dd/yyyy" @bind="MyObject.DOB">

我需要工作的是，

<input type="date" format-value="MM/dd/yyyy" value="@MyObject.DOB"  @onchange="@( (args) => { MyObject.DOB = args.Value.ToString().TryDateConvert(); MyMethod();})">

或者

<input type="date" format-value="MM/dd/yyyy" value="@MyObject.DOB"  @onchange="@( (args) => DOBChanged(args))">

&

public void DOBChanged(ChangeEventArgs e)
{
    var myVal =e.Value.ToString();
    MyObject.DOB = myVal.TryDateConvert();
    MyMethod();
}

我尝试了一些变体，但不管它会绑定到 MyObject.DOB，但它不会显示在文本框中。

它将重置回 MM/DD/YYYY。我在其他控件上使用过这种方式，但由于某种原因，日期将其抛出一个循环。

谢谢。

标签： .net.net-coreblazorblazor-server-side

解决方案

<input type="date">不能很好地使用格式值属性，您可以阅读更多关于它的信息https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date。

你可以试试这个——

<input type="date" value="@MyObject.DOB.ToString("yyyy-MM-dd")" @onchange="@( (args) => DOBChanged(args))">

public void DOBChanged(ChangeEventArgs e)
    {
        var myVal = e.Value.ToString();
        MyObject.DOB = DateTime.Parse(myVal);
        MyMethod();
    }

推荐阅读