Remove Time in Datetime field

Question

Dear friends, I need to present only the date in a Textboxfor field. I use this HTML Control because I use a Javascript mask that formats the field value at the time of the date input.

@Html.TextBoxFor(model => model.DtCadastro, htmlAttributes: new { @id = "DtCadastro", @name = "DtCadastro", @onkeyup = "javascript:Formatar(this.value, this.form.name, this.name, 'data');", @onchange = "javascript:Formatar(this.value, this.form.name, this.name, 'data');" })


[Display(Name = "Data do Cadastro:")]
[Required(ErrorMessage = "Informe a data do cadastro")]
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:d}")]
public Nullable<System.DateTime> DtCadastro { get; set; }

Answer 1

The simplest way of all is using only:

@Html.TextBoxFor(model => model.DtCadastro, "{0:dd/MM/yyyy}", new { @class = "form-control", placeholder = "Data de Cadastro" })

You don’t need any of those Javascript events you put in. It just solves.

Answer 2

For these cases, you can use a EditorTemplate

Create a folder called EditorTemplates inside the briefcase Shared Create a View DateTime.cshtml and put:

@model DateTime?
@Html.TextBox("", Model.HasValue && Model.Value != DateTime.MinValue ? Model.Value.ToShortDateString() : "", new { @class = "datepicker" })

When using a Datetime property use

@Html.EditorFor(model => model.Date,"DateTime")

The second option is to use the TextBoxFor

@Html.TextBoxFor(model => model.Date,string.format("{0:dd/MM/yyyy",Model.Date.Value))