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

我正在编写一个带有razor页面的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="">

（也尝试过'12/23/2020'）没有效果我仍然看到这样的窗口：

此外，document.GetElementById不工作

我试着在@html中放置占位符，如下所示：

@Html.TextBoxFor（m=>m.BudgetEntry.DateOfExpence，新的{@type=“date”、@id=“datePicker”、@placeholder=“12/03/2020”、@class=“form control datePicker”}）

没有任何成功

从id中删除

#

，并将日期更改为格式“yyy-MM-dd”

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

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