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

相关文章

项目要求通过网站上传大文件,比如视频文件,通过摸索实现了文件分片来上传,然后后台进行合并。 使用了...
安装新版本的Nginx(vim /etc/yum.repos.d/nginx.repo) [nginx-stable] name=nginx stable repo baseu...
什么是 SignalR&#160;ASP.NET Core ASP.NET Core SignalR 是一种开放源代码库,可简化将实时 web 功...
在Windows下使用Docker,我们选择Docker Desktop这个软件,非常方便。 ## Docker Desktop介绍及安装 Do...
项目开始设计的是运行在windows下,所以一开始采用的是windows服务模式来获取多媒体文件信息,后来要求...
银河麒麟高级服务器操作系统V10是针对企业级关键业务,适应虚拟化、云计算、大数据、工业互联网时代对主...