10

I have some issue with displaying date correctly, using the MVC3 DateTime object.

In the controller, I set Date = DateTime.Now.

In ViewModel: 

[Required(ErrorMessage = "Please enter a date")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd.mm.yyyy}")]
public DateTime Date { get; set; }

In View:

@Html.LabelFor(m => Model.Date, "Date") 
@Html.ValidationMessageFor(m => Model.Date) 
@Html.TextBoxFor(m => Model.DatoForIntervju, new { @class = "datepicker" })

Output: 

<input class="datepicker" (...) value="26.09.2011 13:26:16" />

However, I want the value to be 26.09.11.

Why doesn't it work?

tereško
  • 58,060
  • 25
  • 98
  • 150
Helge
  • 823
  • 5
  • 13
  • 28

2 Answers2

17

change

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd.mm.yyyy}")]

to 

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd.MM.yy}")]

Then, instead of textboxfor, use 

@Html.EditorFor(m => m.Date)
Sandro Meier
  • 3,071
  • 2
  • 32
  • 47
mnsr
  • 12,337
  • 4
  • 53
  • 79
  • Good Answer! Had this problem myself with textboxfor. I find this to to be a helpful resource for string format which you may find useful for reference: http://www.maconstateit.net/tutorials/aspnet20/ASPNET02/aspnet02-07.aspx – Sparkle Oct 04 '11 at 14:08
  • 1
    Since `{0:dd.mm.yyyy}` includes the time, wouldn't `{0:dd.mm.yy}` also? – Ian Boyd Oct 16 '11 at 11:40
  • Yes it would. The format string should be {0:dd.MM.yyyy} or {0:dd.MM.yy}. – Suncat2000 Nov 18 '11 at 20:40
  • mm = minutes, MM = months – Romias Mar 25 '14 at 22:49
3

Your viewModel correct (only thing is you need to use "yy" if you want to show short year in C#), but I don't understand what do you do with this code

@Html.LabelFor(m => Model.Date, "Date")
@Html.ValidationMessageFor(m => Model.Date) 
@Html.TextBoxFor(m => Model.DatoForIntervju, new { @class = "datepicker" })

I show you how I add datepicker, in this example date shows and return from view in correct format:

    @Html.EditorFor(m => m.Date) 
    @Html.ValidationMessageFor(m => m.Date)

    <script type="text/javascript">
        $(document).ready(function () {
            $('#Date').datepicker({ firstDay: 1, dateFormat: 'dd.mm.yy', clickInput: true });
        });
    </script>
Nikita
  • 106
  • 5