MVC5 date problem

[lg127]

You need to pass the Date property from your controller.

In your Edit HTTPGet method in the controller return the model e.g. making sure the property passed is a date

           var change= await _changeRepo.SelectById(id); //fetch entity from database
           change.DATEREQUIREDBY=DateTime.Now;//hardcode it to test
           return View("~/Views/Change/_Edit.cshtml", change);

cshtml

     @model IRMS.Models.Change @*on the first line*@
      ....
     @Html.TextBoxFor(model=>model.DATEREQUIREDBY, "{0:dd/MM/yyyy}", new { @class = "form-control" })

My controller has no HTTPGet method, only HTTPPost. See https://www.dropbox.com/s/12w8tceyjs2ozha/CHANGESController.cs?dl=0.

So I have to use @Html.TextBoxFor i.s.o. @Html.EditorFor in Edit.cshtml?

Thanks for your help so far.

 

[skimread]

My controller has no HTTPGet method, only HTTPPost. See https://www.dropbox.com/s/12w8tceyjs2ozha/CHANGESController.cs?dl=0.

So I have to use @Html.TextBoxFor i.s.o. @Html.EditorFor in Edit.cshtml?

Thanks for your help so far.

Use TextBoxFor. I think if you use EditorFor Chrome uses the html5 date element which behaves differently between browsers so rather force it to be a textbox

I can see you have an HttpGet

         // GET: CHANGES/Edit/5
        public ActionResult Edit(int? id)

add

change.DATEREQUIREDBY=DateTime.Now;

before the

return View(change);

for testing

 

[lg127]

Hi skimread

Thanks for your help so far. I have tried to TextBoxFor previously (and now again!) but the problem is that I loose the use of the datepicker.
I also do not need to add the code in the controller to display the record's date if I use TextBoxFor. But like I said the datepicker is then also gone.

 

[skimread]

Hi skimread

Thanks for your help so far. I have tried to TextBoxFor previously (and now again!) but the problem is that I loose the use of the datepicker.
I also do not need to add the code in the controller to display the record's date if I use TextBoxFor. But like I said the datepicker is then also gone.

Does the datepicker show the same in IE, Chrome and smartphone? I prefer to use a standard textbox and binding a jquery datepicker rather than use the HTML5 date control as it can vary quite a bit between browsers.

 

[lg127]

Does the datepicker show the same in IE, Chrome and smartphone? I prefer to use a standard textbox and binding a jquery datepicker rather than use the HTML5 date control as it can vary quite a bit between browsers.

I have tried it so far in Chrome only. I'll try again in the other browsers when I get home this afternoon. This problem is so frustrating!

 

[Solitude]

To me it sounds like the date is null. That's also why skimread is suggesting that you specifically set the date to something to see if works.

If you add a breakpoint just before returning the view, and you look at the date in Visual Studio does it have a value?

 

[lg127]

The date is not null as shown in the attachment in a previous post. But I'll try your suggestion when I get home.
See: https://www.dropbox.com/s/uis79alzhwx7dqq/img01.png?dl=0

 

[lg127]

To me it sounds like the date is null. That's also why skimread is suggesting that you specifically set the date to something to see if works.

If you add a breakpoint just before returning the view, and you look at the date in Visual Studio does it have a value?

Solitude,
just a correction on my post. The date is NOT null; when I changed the html helper to TextBoxFor, the date displays but WITHOUT the datepicker functionality.

 

[Solitude]

Solitude,
just a correction on my post. The date is NOT null; when I changed the html helper to TextBoxFor, the date displays but WITHOUT the datepicker functionality.

Ah ok.

Man, just give me the project tonight and I'll fix it for you.

 

[_kabal_]

is the date really showing as mm/dd/yyyy, or is it actually just adding an html placeholder of "mm/dd/yyyy"?

 

[Solitude]

is the date really showing as mm/dd/yyyy, or is it actually just adding an html placeholder of "mm/dd/yyyy"?

I'm wondering if the datepicker he is using is setting the placeholder. That maybe he has to set the datepicker value in javascript and then it will display correctly.

 

[lg127]

is the date really showing as mm/dd/yyyy, or is it actually just adding an html placeholder of "mm/dd/yyyy"?

The html placeholder

 

[lg127]

I'm wondering if the datepicker he is using is setting the placeholder. That maybe he has to set the datepicker value in javascript and then it will display correctly.

The datepicker is autogenerated from the model where I have used DataAnnotations to set the date type as [DataType(DataType.Date)] (See post #17)

 

[Solitude]

The datepicker is autogenerated from the model where I have used DataAnnotations to set the date type as [DataType(DataType.Date)] (See post #17)

Which datepicker are you using?

 

[lg127]

Which datepicker are you using?

I am not using one explicitly. It is auto created in Chrome when I annotated the field in my model as [DataType(DataType.Date)].
I am using VS2015 (C#).

 

[Solitude]

I am not using one explicitly. It is auto created in Chrome when I annotated the field in my model as [DataType(DataType.Date)].
I am using VS2015 (C#).

Ah interesting. I've always had to use existing date pickers to make sites work in old browsers. I've never actually used an input of type date.

I have however found the answer you've been looking for:
http://stackoverflow.com/questions/...-display-date-value-in-chrome-fine-in-interne

 

[skimread]

This is what he sees

When you use EditorFor it decides itself what html element to generate e.g. <input type="date"> and this is an HTML5 date control which isn't displayed standard across browsers. I would rather use a TextBoxFor+jquery date plugin

 

[lg127]

Ah interesting. I've always had to use existing date pickers to make sites work in old browsers. I've never actually used an input of type date.

I have however found the answer you've been looking for:
http://stackoverflow.com/questions/...-display-date-value-in-chrome-fine-in-interne

Thank you, thank you it worked!
I used the add Date.cshtml to folder ~/Views/Shared/EditorTemplates solution.
:crylaugh::crylaugh::crylaugh:

 

[lg127]

Thank you very much all of you who have given advice and helped me to solve this problem

 

[Solitude]

Thank you very much all of you who have given advice and helped me to solve this problem

Hey, it's a pleasure. I'm glad you came right.