html - Razor 页面创建输入类型日期变成类型文本

Question

我有一个 DateTime 类型的模型，想为它创建文本框。默认生成的控件类型是 datetime-local。我想将它更改为 date 只是因为我不需要时间。但是，由于某些原因，加载完成后类型总是变为 text 类型。

这是我的代码

<div class="form-group">
  <label asp-for="Order.TanggalOrder" class="control-label">Tanggal Order</label>
  <input asp-for="Order.TanggalOrder" type="date" class="" />
  <input asp-for="Order.TanggalOrder" type="time" class="form-control" />
  <span asp-validation-for="Order.TanggalOrder" class="text-danger"></span>
</div>

如您所见，浏览器在短时间内正确呈现了 date 输入，然后变成了 text。日期选择器仍然存在，但输入验证(dd/mm/yyyy 文本和日历图标)不再存在。

这只发生在 date 类型上，因为我用 time 或 datetime 尝试过，它们仍然正确呈现。

关于我必须做什么的任何线索？我正在使用 .net 5 mvc。

Answer 1

您可以使用单独的日期和时间控件。为了让输入标签助手呈现正确的控件，需要更多配置:

型号:

[BindProperty, DataType(DataType.Date)]
public DateTime Date{ get; set; }

查看:

DateTime:
<input class="form-control" asp-for="Date" />

结果: