Question

I am parsing a JSON object with JavaScript and displaying it in a styled HTML table.

The date variable comes as a long string. (e.g. 2011-11-23 10:21:49.695805)

How can I format the date so as to be displayed: year-month-day, hour-minute instead of 2011-11-23 10:21?

The AJAX call:

$$.ajax({
    url: '/ajax/myfolder',
    dataType:"json",
    success: function(json) {
        $$('#JsonGrid').append(CreateTableView(json, "jsonFeed", true)).fadeIn();  
        parseDate();
    }     
});

function parseDate() {

}

The json object:

[{"status": "success", "date": "2011-11-23 10:21:49.695805", "user": "xy", "jobname": "jobnamexyz"}]

Answer 1

You can use date functions, DateJS, etc., but if the format is fixed as in your example you can just take the first sixteen characters:

var date = json["date"].substr(0,16);

EDIT: sorry, just noticed you wanted a comma in there. So:

var date = json["date"].substr(0,10) + ", " + json["date"].substr(11,5);

EDIT 2: OK, try moving the call to parseDate() to before you call CreateTableView(), so you can “fix” the data before it is used. The following assumes the json is an array of objects:

success: function(json) {
    parseDate(json);
    $$('#JsonGrid').append(CreateTableView(json, "jsonFeed", true)).fadeIn();


function parseDate(data) {
    for (var i=0; i<data.length; i++)
        if (data[i]["date"])
            data[i]["date"] = data[i]["date"].substr(0,10)
                            + ", " + data[i]["date"].substr(11,5);
}