日期字段的占位符 Asp.net HtmlHelper

Question

我正在编写一个带有剃须刀页面的 ASP.NET Mvc 应用程序。我在为日期字段设置初始值时遇到问题。下面是我负责生成日期字段的代码：

@Html.TextBoxFor(m => m.BudgetEntry.DateOfExpence, new { @type = "date",@id="datePicker",@class = "form-control datepicker" })

Html 生成：

<input class="form-control datepicker" data-val="true" data-val-date="The field Date of expence must be a date." data-val-required="The Date of expence field is required." id="datePicker" name="BudgetEntry.DateOfExpence" type="date" value="">

我想在特定日期设置此日期字段。

下面是我试过没有效果的：

window.onload= function() {
    document.querySelector('#datePicker').value = "12-23-2020";
    }

（也试过“12/23/2020”）没有效果我仍然看到 window 是这样的：

另外 document.GetElementById 也不起作用。

我试过像这样在@html 中放置占位符：

@Html.TextBoxFor(m => m.BudgetEntry.DateOfExpence, new { @type = "date",@id="datePicker", @placeholder="12/03/2020 " , @class = "form-control datepicker" })

没有任何成功

Answer 1

从 id 中删除 # 并将日期更改为格式 "yyyy-MM-dd"

document.getElementById('datePicker').value = "2020-12-23";

日期字段的占位符 Asp.net HtmlHelper

Placeholder for date field Asp.net HtmlHelper

html

asp.net

razor-pages