MVC3& Razor - 将日期时间字符串从“mm/dd/yyyy 12:00:00 AM”更改为至“mm/dd/yyy”在文本框中

Question

我试图阻止时间显示在使用 DateTime 的生日文本字段中

我的代码：（我正在使用 Jquery DatePicker）

<label for="birthday">Birthday:</label>
            @Html.TextBox("birthday", (Model.Birthday.ToString()), new { @class = "datePicker" })

Javascript：

$(document).ready(function () {
    $('.datePicker').datepicker({ showOn: 'both', buttonImage: "/content/images/calendar-red.gif" });
});

我有日期的模型设置：

[DataType(DataType.Date)]
public DateTime? Birthday { get; set; }

仍然是文本中的文本文本框显示：

“8/21/2010 12:00:00 AM”

我希望文本框中的文本显示为：

“8/21/2010”

I已经尝试过以下所有内容：

@inherits System.Web.Mvc.WebViewPage<System.DateTime>

但不会让我这样做，因为我@使用模型

Answer 1

我将在视图模型上使用编辑器模板和数据注释来指定格式，使视图更加清晰：

[DataType(DataType.Date)]
[DisplayName("Birthday:")]
[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public DateTime? Birthday { get; set; }

然后在视图中：

<span class="datePicker">
    @Html.LabelFor(x => x.Birthday)
    @Html.EditorFor(x => x.Birthday)
</span>

然后调整选择器，因为文本框将不再具有 datePicker班级：

$('.datePicker :text').datepicker({ 
    showOn: 'both', 
    buttonImage: "/content/images/calendar-red.gif" 
});

Answer 2

尝试更改为：

@Html.TextBox("birthday", (Model.Birthday.Value.ToShortDateString()), new { @class = "datePicker" })

因为您的 DateTime 是 Nullable 您需要执行 .Value 才能访问 DateTime 方法。

当在 DateTime 上调用 ToString 时，它会给你日期 + 时间。因此，您不想调用 ToString，而是使用 ToString 带格式 或ToShortDateString。

MSDN 对 ToShortDateString 有以下说法

返回的字符串
ToShortDateString 方法是
文化敏感。它反映了
由当前定义的模式
文化的 DateTimeFormatInfo 对象。
例如，对于 en-US 文化，
标准的短日期模式是
“月/日/年”；对于去DE文化来说，
是“dd.MM.yyyy”；对于 ja-JP
文化，它是“yyyy/M/d”。这
特定的特定格式字符串
电脑也可以定制，所以
它与标准不同
短日期格式字符串。

Answer 3

我实际上在使用 MVC 3 的 Razor 中遇到了这个问题。我最终不得不在 Shared/EditorTemplates 中创建一个 DateTime 部分类来获取我需要的属性。

以前我的观点是： @Html.TextBoxWithAttributesFor(m => m.To, new { @class = "text-box", @readonly = "readonly" }) 但这保留了给了我时间戳。即使我尝试了 .Value.DateTime 或任何其他解决方法。但我当前的工作解决方案是：

view:

@Html.EditorFor(m => m.To)

partial class:

@model System.DateTime
@Html.TextBox("", (Model.ToShortDateString()), new { @class = "text-box", @readonly = "readonly" })

我使用此页面作为第二个来源：
http:// buildstarted.com/2010/09/10/overriding-displayfor-and-editorfor-to-create-custom-outputs-for-mvc/

Answer 4

如果您有“Model.Birthday.ToString()”，则需要将其替换为“Model.Birthday.ToShortDateString()”