How to pass datetime from view to controller in asp.net MVC

Question

Am trying to pass below data form my view to controller.

Edited

<script type="text/javascript">
    var pathname = 'http://' + window.location.host;
  var Student = [
  { Name: "Vijay", ID: 1, DOB: "2010-12-09T08:00:00.000Z" },
  { Name: "Anand", ID: 2, DOB: "2010-12-09T08:00:00.000Z" }
  ];

  $.ajax({
    url: pathname + "/Home/UpadetStu",
    type: "POST",
    dataType: "json",
    data: JSON.stringify(Student),
    contentType: "application/json; charset=utf-8",
    success: function (result) { }, 
    failure: function (r, e, s) { alert(e); } 
  });

</script>



   [ObjectFilter(Param = "stuData", RootType = typeof(Stu[]))]
    public JsonResult UpadetStu(Stu[] stuData)
    {
        return this.Json(new { success = true });
    }

[DataContract]
public class Stu
{
    [DataMember]
    public string Name { get; set; }

    [DataMember]
    public int ID { get; set; }

    [DataMember]
    public DateTime? DOB { get; set; }

}

But in the controller am getting null for Name and ID , default datetime for DOB, I found that there is problem in passing datetime. Is there any better way to pass datetime from view to controller? do i miss any parsing?

[ObjectFilter(Param = "studentData", RootType = typeof(Stu[]))] public JsonResult UpadetStudent(Stu[] studentData) { return this.Json(new { success = true }); } Am using above code in controller. — Amar
– Amar, Commented Jun 25, 2012 at 9:00
What does your Stu object look like then? does it have a DOB Property? Have you verified what your jQuery.ajax is actually posting to your server, using firebug or fiddler? — thmsn
– thmsn, Commented Jun 25, 2012 at 9:08
This is how it look like. [DataContract] public class Stu { [DataMember] public string Name { get; set; } [DataMember] public int ID { get; set; } [DataMember] public DateTime DOB{ get; set; } } — Amar
– Amar, Commented Jun 25, 2012 at 9:49
I just copied your code and tried and it is working just fine.. the only difference is I don't have that ObjectFilter. — VJAI
– VJAI, Commented Jun 25, 2012 at 15:37

VJAI · Accepted Answer · 2012-06-25 11:38:05Z

6

The problem is Thu Dec 9 13:30:00 UTC+0530 2010 can't be parsed into a valid datetime object in c#. You can try that by simply calling DateTime.Parse("Thu Dec 9 13:30:00 UTC+0530 2010") it will fail.

I would suggest that instead of returning that date format from the server you can better return the ISO 8601 format that looks like 2010-12-09T08:00:00.000Z.

You can easily convert the long datetime format into ISO 8601 from javascript by,

new Date("Thu Dec 9 13:30:00 UTC+0530 2010").toJSON();

If you are using JSON.NET library you can easily control the way in which the datetimes have to be serialized.

UPDATE:

<script type="text/javascript">

  var Student = [
  { Name: "Vijay", ID: 1, DOB: "2010-12-09T08:00:00.000Z" },
  { Name: "Anand", ID: 2, DOB: "2010-12-09T08:00:00.000Z" }
  ];

  $.ajax({
    url: "/Home/Index",
    type: "POST",
    dataType: "json",
    data: JSON.stringify(Student),
    contentType: "application/json; charset=utf-8",
    success: function (result) { }, 
    failure: function (r, e, s) { alert(e); } 
  });

</script>

[HttpPost]
public ActionResult Index(Student[] students)
{
  ...
}

edited Jun 25, 2012 at 11:38

answered Jun 25, 2012 at 10:11

VJAI

32.9k23 gold badges108 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Amar Over a year ago

var studentString = JSON.stringify(Student); itself will change format, "studentString" will have DOB in this format 2010-12-09T08:00:00.000Z only then why its not working?

VJAI Over a year ago

I just tested with a simple textbox entering the datetime in ISO format and it worked fine

VJAI Over a year ago

Please post more code then I can help to figure out where the issue is

VJAI Over a year ago

By the way why you want to stringify the data? you can just use it as a plain object in $.post right?

Amar Over a year ago

I have posted all my code in the above question and comments. For some reason i don't want to use $.post. Please help me how to make this work by using above code.

|

thmsn · Accepted Answer · 2012-06-25 10:00:41Z

0

If your studentData object in your controller is null, the JSON.stringify(Student) is producing an object that is not proper JSON or an object that can not be parsed to your Stu object.

Verify that your JS Student object is correct, then verify the JSON you produce doing JSON.stringify

answered Jun 25, 2012 at 10:00

thmsn

1,9961 gold badge18 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to pass datetime from view to controller in asp.net MVC

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related