为什么Blazor日期输入类型不能正常工作？_Blazor

为什么Blazor日期输入类型不能正常工作？

blazor

为什么Blazor日期输入类型不能正常工作？,blazor,Blazor,我试图创建一个带有日期选择器的页面，但是我无法让Blazor正常工作。这就是我要说的： Page.razor: <div> <label for="from">From</label> <input id="from" type="date" @bind="fromDate" /> </div> @code { private Da

我试图创建一个带有日期选择器的页面，但是我无法让Blazor正常工作。这就是我要说的：

Page.razor:

<div>
    <label for="from">From</label>
    <input id="from" type="date" @bind="fromDate" />
</div>

@code {
    private DateTime fromDate;
}


从…起
@代码{
私有日期时间fromDate；
}

但是，当我运行项目时，日期字段显示为

01/01/0001

，我无法点击框中编辑字段；不过，我可以使用tab键对字段进行编辑。当我单击日历图标时，它会显示从年份

0001开始的日期选择器，我被迫滚动到2021年
当我删除@bind=“fromDate”
标记时，日期选择器小部件工作正常，但显然我无法检索要使用的日期
我不想将其绑定到模型，我只想获取DateTime
并在@code{}
块中对其进行操作

编辑：
<div>
    <label for="from">From</label>
    <input id="from" type="date" @bind="fromDate" />
</div>

@code {
    private DateTime fromDate;
}

我也在使用Bootstrap5.x，但这并没有什么区别

编辑#2:
<div>
    <label for="from">From</label>
    <input id="from" type="date" @bind="fromDate" />
</div>

@code {
    private DateTime fromDate;
}

我从输入中删除了引导修饰符，但它仍然不起作用，因此引导不是问题。
因此，显然，这与Blazor无关，而是HTML本身的“功能”。这个例子：
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
    </head>
    <body>
        <div>
            <form method="GET" action="#">
                <input type="date" id="mydate" name="mydate" />
            </form>
        </div>
    </body>
</html>



我也会做同样的事情
显然，我可以点击日期输入字段对其进行编辑，只是没有显示我当前正在编辑的元素（例如，天、月、年）
如果我点击mm
我可以输入一个月，dd
将允许我输入一天，yyy
将允许我输入一年
但是，正如我所说，没有任何迹象表明我已在字段内成功单击（如高亮显示或背景颜色的更改，或诸如此类），以及在完成日期元素或新元素的制表符之前，我当前正在编辑的日期元素。
初始化“fromDate”如何，类似于private DateTime fromDate=DateTime.Today；是的，这至少有助于确定正确世纪的起始日期。但是，我仍然无法单击以编辑日期，我必须使用选项卡来编辑字段。您是否尝试过使用其他浏览器并检查开发控制台是否存在js错误？哦，这不要紧，但这是blazor客户机还是服务器？对于Edge和blazor WASM，这个示例对我来说很好（有一个初始化日期，因为0001年不是很有用）。您正在使用什么其他css或框架，或者浏览器扩展？内置组件InputDate是否存在相同的问题