Issue passing MVC model array into javascript array

Question

I'm trying to pass an array from my MVC Model into a javascript array (to use in fullCalendar), however having an issue.

From the below, "myArray" is being populated with the correct amount of items from the model array, but when I try to show obj.DateTime (valid field within the MVC model array) it returns undefined. The undefined alert appears the correct amount of times for items in the array.

Any help at all would be appreciated.

var myArray = [];
@foreach (var d in Model.Appointments)
{
 @:myArray.push("@d");
}
myArray.forEach(function (obj) {
 alert(obj.DateTime);
})

• deceze: What is this @ syntax...?
• user7528326: razor syntax. is it incorrect?
• deceze: I don't know. We just need to know what it is. Because it's neither javascript nor model-view-controller.
• user7528326: I saw it here: stackoverflow.com/questions/23781034/…
• Sahil Sharma: Please don't mix JavaScript and C# together. The code you have written is not correct.

Answer 1

You can't use @d for converting your C# object to java-script object directly. You should encode your C# object to make a json value.

This code will encode (Serialize) your C# object to a JSON model.

@Html.Raw(Json.Encode(d));

Here is another question like yours

• user7528326: Thanks for your reply. Unfortunately I've been trying stuff like this to no avail. Can you give me more information on that? Model.Appointments is my array. Do you mean something like this? @foreach (var d in Model.Appointments) { @:myArray.push(@Html.Raw(Json.Encode(d))); }
• user7528326: Still gives me "undefined" for the correct amount if items in the array :(
• Nima Boobard: Do you just have issue with DateTime property? You can solve your date converting problem with this post: stackoverflow.com/questions/27314663/…