Format date output from array loop in Javascript

Question

I have a 2D array containing a date object and a string. I output the array to an HTML table using a for loop. This works fine, but I need to change the date format from "2015-12-02 00:00" to "Wed Dec 02 2015". The array must remain a date object, but I can not figure out how to use dateFormat or moment.js functions within the loop. What am I doing wrong?

var tasks = new Array();
var index = 0;


function addTask() {
    var tempdate = new Date();
    var temptask = document.getElementById("taskinfo").value;
    var td = document.getElementById("taskdate").value;
    tempdate = td + " 00:00";

//window.alert(temptask);
//add array and populate from tempdate and temptask
//generate html table from 2d javascript array
    tasks[index] = {
    Date: tempdate,
    Task: temptask
};  

    index++

    tasks.sort(function(a,b){return new Date(b.Date).getTime() - new Date(a.Date).getTime()});

    var tablecode = "<table class = 'tasktable'  border='1'>" +
        "<tr>"+
        "<th>Date</th>"+
        "<th>Task</th>"+
        "</tr>";
    for (var i = 0; i < tasks.length; i++) {
        tablecode = tablecode + "<tr>" +
            "<td>" + tasks[i]["Date"] + " </td>" +
            "<td>" + tasks[i]["Task"] + " </td>" +
            "</tr>";
    }

    tablecode = tablecode + "</table>";

    document.getElementById("bottomright").innerHTML = tablecode;


return false;

}

If you can parse the dates when sorting, surely you can parse the dates when outputting as well, and just keep an array of the seven days and twelve months, and this stuff is easy-peasy — adeneo
– adeneo, Commented Dec 6, 2015 at 0:15

Henrik Nielsen · Accepted Answer · 2015-12-06 00:30:52Z

1

In your addTask function, you are declaring tempdate as a Date, but later converting it to a string by assigning string values to it. Try something like this instead:

var td = document.getElementById("taskdate").value;
var tempdate = new Date(td);

This sets tempdate as a Date, not a string. Then in your loop just call toDateString() on your Date, like so:

"<td>" + tasks[i]["Date"].toDateString() + " </td>"

answered Dec 6, 2015 at 0:30

Henrik Nielsen

4102 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

Format date output from array loop in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related