Date formatting in JS (with awesome console logs)

having fun with date formatting and console formatting

by lun471k

HTML

<div id="beautifulDate"></div>

JavaScript

var objDate = new Date(),
    locale = "fr-ca",
    month = objDate.toLocaleString(locale, {
        month: "long"
    });
var dayOfWeek = objDate.toLocaleString(locale, {
    weekday: "long"
});

document.getElementById("beautifulDate").innerHTML = dayOfWeek.charAt(0).toUpperCase() + dayOfWeek.slice(1) + ", le " + objDate.getDate() + " " + " " + objDate.toLocaleString(locale, {
    month: "long"
}) + " " + objDate.getFullYear();


var content = ["weekday", "era", "year", "month", "day", "hour", "minute", "second", "timeZoneName"]
var contentVariables = [
    ["narrow", "short", "long"],
    ["narrow", "short", "long"],
    ["numeric", "2-digit"],
    ["numeric", "2-digit", "narrow", "short", "long"],
    ["numeric", "2-digit"],
    ["numeric", "2-digit","2-digit"],
    ["numeric", "2-digit"],
    ["numeric", "2-digit"],
    ["short", "long"]
];

console.log("%c                    Date Formatting in JS","color:#00BFFF;font-weight:bold;font-size:3em;border-top:5px solid black;");

var asdasd = "";
var v = "";

for (var part in content) {
    if(content[part] == "weekday")
        console.group("%c"+content[part],"font-size:2em;");
    else
        console.group("%c"+content[part],"font-size:2em;");
    v = content[part];
    for (var values in contentVariables[part])
    {
        asdasd = contentVariables[part][values];
        console.log("%c"+asdasd
                    + ': ' + eval("objDate.toLocaleString( locale, { "+v+" : asdasd })"),"font-size:1.5em;");
    }
    
    console.groupEnd();
}

console.log("%c                                END","color:#00BFFF;font-weight:bold;font-size:3em;border-bottom:5px solid black");