Date not displaying correctly in jquery

Question

I need to display date from controller to view through jQuery in MVC4 razor.But it just displaying correctly.

To display date I used the below code:

$.each(data, function (index, el) {
                        console.log(el);
                        for (i = 0 ; i <el.length; i++) {
                            tr = $('<tr class="eachitem" />');
                            td = $('<td>' + el[i]["ID"] + '</td>').appendTo(tr);
                            td1 = $('<td>' + el[i]["Date"] + '</td>').appendTo(tr);
                            td1 = $('<td>' + el[i]["status"] + '</td>').appendTo(tr);

                            tr.appendTo('table');
                        }

                    });

In addition to Stasel's answer, you can always just format the date on the server before you return it to the view. — , Nov 02 '15 at 06:55

score 1 · Accepted Answer · edited May 23 '17 at 11:50

You need to parse the date string to a valid JavaScript date format. In order to do this use the following snippet from the answer in this question

var date = new Date(parseInt(value.replace("/Date(", "").replace(")/",""), 10));

After that, you will have a proper JavaScript date object which you can print in the format of your choice:

var stringDate = value.toLocaleString()
var stringDate = value.toISOString()

score 0 · Answer 2 · answered Nov 02 '15 at 09:09

0

JavaScript library

I can recommend using Moment.js to parse, manipulate and display dates. It takes the pain out of something quite difficult in JavaScript

answered Nov 02 '15 at 09:09

Colin Bacon

15,436
7
52
72

Date not displaying correctly in jquery

2 Answers2

JavaScript library