MVC3&Razor – 将DateTime字符串从“mm / dd / yyyy 12:00:00 AM”更改为“mm / dd / yyy”在文本框中

前端之家收集整理的这篇文章主要介绍了MVC3&Razor – 将DateTime字符串从“mm / dd / yyyy 12:00:00 AM”更改为“mm / dd / yyy”在文本框中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图阻止时间在使用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>

但不要让我这样做,因为我是一个模型

解决方法

我将在视图模型上使用编辑器模板和数据注释来指定格式,使视图更清晰:
[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" 
});

猜你在找的asp.Net相关文章