如何从Asp.Net MVC Razor中将值设置为HTML5日期字段?

van*_*anu 4 javascript asp.net-mvc html5 razor

我在这里发现了一个类似的问题,但这对我的情况不起作用.请看下面的屏幕截图.当我在"编辑"表单中呈现数据时,除了突出显示的日期字段外,所有数据都被正确设置为控件.当我检查元素时,我发现值存在,但由于某种原因它没有显示在字段中.

这是我用来在这个日期字段中设置值的代码.我尝试了"yyyy-MM-dd""MM/dd/yyyy"格式但没有效果.

<td>Joining Date</td>
<td>
@{
   if(Model.JoiningDate != null)
   {
      <input id="txtJoiningDate" type="date" style="width: 100%;" value="@String.Format("{0:MM/dd/yyyy}",Model.JoiningDate.Value)" />
   }
   else
   {
      <input id="txtJoiningDate" type="date" style="width: 100%;" />
   }
}
</td>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

编辑
在此输入图像描述

Kar*_*sla 10

为什么你只使用html helper如图所示: -

@Html.TextBox("txtJoiningDate", Model.JoiningDate.Value ,"{0:yyyy-MM-dd}",new{ @style="width:100%", type="date" })
Run Code Online (Sandbox Code Playgroud)

  • `MM/dd/yyyy`格式不起作用.它必须是ISO格式`yyyy-mm-dd`. (2认同)

Ham*_*hid 5

对于 Html5 输入类型 =“日期”字段,必须以“yyyy-MM-dd”格式指定值。将其设置为该格式后,您将在屏幕上看到分配的值。