Formatting DateTime in model to Date only in View

Question

I am using ASP.NET MVC 5. I have a date only picker in my create and edit form. In create form, its working just fine. But in edit form, it loads previously saved DateTime as dd-MM-yyyy hh:mm:ss. On clicking on textbox, my date picker appears with a calendar of Dec, 1899. Only if I can format my DateTime, it will work fine.

Though, I know how to solve this problems in Struts 2, I am new to ASP.NET MVC. Can anybody please tell me how to format my DateTime model property to Date only in my View?

Here is my model:-

public class Vehicle
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public int VehicleId
    { get; set; }

    [Display(Name = "Vehicle name")]
    [StringLength(100)]
    public String Name
    { get; set; }

    [Required]
    public String VehicleType
    { get; set; }

    [Required]
    [StringLength(20)]
    [Display(Name = "Registration no.")]
    public String RegNo
    { get; set; }

    [DataType(DataType.Date)]
    [Display(Name = "Insurance date")]
    public DateTime InsuranceDate
    { get; set; }
}

Here is a part of my view:-

<div class="form-group">
                    @Html.LabelFor(model => model.InsuranceDate, new { @class = "control-label col-md-2" })
                    <div class="col-md-6 input-group date" id="datePick">
                        @Html.EditorFor(model => model.InsuranceDate, new { @class = "form-control", id = "datePickText", placeholder = "Enter Insurrance Date" })<span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                        @Html.ValidationMessageFor(model => model.InsuranceDate)
                    </div>
                </div>

You should post your model. Are you using DataAnnotations to format any field? You should post the view code as well. — Fals, Feb 04 '14 at 12:53
[DataType(DataType.Date)] Will render the field as type=date. You should take it away. — Fals, Feb 05 '14 at 15:08
What I want is a Date only representation on my view of that `DateTime` object. That's why I applied that attribute. But, I am sure for some very good reasons, it isn't working. — Prakhar Mishra, Feb 06 '14 at 06:16

score 1 · Answer 1 · answered Dec 16 '15 at 18:57

1

public class AsOfdates
{
    public string DisplayDate { get; set; }
    private DateTime TheDate;
    public DateTime DateValue { get { return TheDate.Date; } set { TheDate = value; } }

}

answered Dec 16 '15 at 18:57

William Mendoza

327
2
4

score 0 · Answer 2 · edited May 23 '17 at 11:52

0

You need to stablish the format in your property. You can see more information here:

Format datetime in asp.net mvc 4

edited May 23 '17 at 11:52

Community

1
1

answered Feb 04 '14 at 12:59

Miguel Angel Utiel Peñaranda

185
1
9

`[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]` not working on InsuranceDate – Prakhar Mishra Feb 04 '14 at 13:29

Formatting DateTime in model to Date only in View

2 Answers2