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"

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

"2010年8月21日"

我尝试了以下所有方面:

@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" 
});