Question

我的ASP.NET MVC3应用程序中有日期时间输入：

<div class="editor-field">
    @Html.EditorFor(model => model.Article.PublishedDate)
    @Html.ValidationMessageFor(model => model.Article.PublishedDate)
</div>

在Opera中，它为日期和时间提供特殊输入，但是当我编辑我的模型时，它是空的，我想将其设置为值。在其他浏览器中，它是常规文本框，并且有日期时间设置。由于代码是：

生成的代码

<input class="text-box single-line" data-val="true" data-val-required="Publish date is required" id="Article_PublishedDate" name="Article.PublishedDate" type="datetime" value="30.3.2012 10:00:00" data-default-value=""/>

如何在Opera中修复它并设置日期时间？

Answer 1

您需要根据RFC3339标准

格式化日期时间

HTML5输入日期时间规范：http://dev.w3.org/html5/markup/input.datetime.html

所以你的价值需要像这样形成：

<input ... type="datetime" value="2012-03-30T10:00:00" ... />

要将日期格式化为RFC3339，您可以调用：

DateTime.ToString("yyyy-MM-ddThh:mm:ssZ");

您可以通过向您添加DisplayFormatAttribute来完成此任务.Part.PublishedDate：

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-ddThh:mm:ssZ}")]
public DateTime PublishedDate { get; set; }

现在的问题（至少对我来说）是现在这个属性总是像这样格式化。您可以使用EditorFor Template：

@model DateTime?

@{
    var attributes = new Dictionary<string, object>();

    attributes.Add("type", "datetime");

    attributes.Add("class", "text-box single-line");

    //since this is a constraint, IsRequired and other constraints 
    //won't necessarily apply in the browser, but in case script 
    //turns off readonly we want the constraints passed
    if (ViewData.ModelMetadata.IsReadOnly)
    {
        attributes.Add("readonly", "readonly");
    }

    if (ViewData.ModelMetadata.IsRequired)
    {
        attributes.Add("required", "required");
    }
}
@Html.TextBox("", Model.HasValue ? Model.Value.ToUniversalTime().ToString("yyyy-MM-ddThh:mm:ssZ") : String.Empty, attributes)

基于DateTime.cshtml

对于当地日期：

@model DateTime?
@{
  var attributes = new Dictionary<string, object>();

  attributes.Add("type", "datetime-local");
  attributes.Add("class", "text-box single-line");

  if (ViewData.ModelMetadata.IsRequired)
  {
    attributes.Add("required", "required");
  }
}
@Html.TextBox("", Model.HasValue ? Model.Value.ToLocalTime().ToString("yyyy-MM-ddTHH:mm:ss") : String.Empty, attributes)

基于DateTime-Local.cshtml

Answer 2

MVC呈现HTML的方式实际上不会在浏览器之间发生变化。

type="datetime"是HTML5中的新输入类型（documentation）

我怀疑你使用的是较旧版本的Opera，它还不支持这种输入类型。

MVC3将值设置为opera中的textbox类型datetime

2 个答案: