Forums > Edit: Entry Date

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

EasterEgg

Mar 21 2004, 11:14 AM

Description: Xanga offers you no choice when it comes to formatting the date on top of each entry. Though by means of a style sheet you can alter the style of the date, the date itself will keep the same format: "Sunday, March 21, 2004". But what if you would prefer a different date format, perhaps the one that is used on this site, like "Mar 21 2004"? Or "03/21/04"? That's where the below script may come in handy (make sure to read the description in the comments)... enjoy!

EXAMPLE: Go here.

COPY AND PASTE INTO WEBSITE STATS (REQUIRED 1 OF 1):

CODEBOX: -> right click -> copy/paste

<script type="text/javascript"> // // ©2004 EasterEgg // // For use at Xanga only. // // While the date in your blogheader has a fixed format // (e.g. "Tuesday, March 16, 2004") you may want to use // another date format, accustomed to *your* preferences. // This script enables you to apply pretty much any date // format to your blogheader you like. // // Here's how it works: // The script collects all blogheaders and applies to them // a format you define by changing the value of the variable // "dateFormatStr" in the code below. Currently that value is // set to 'ddd, mm/dd/yy', which will result in a date that // looks like this: 'Tue, 03/16/04'. If you want to use slashes // instead of divisions as date separators, go right ahead; you // can even add HTML to the date format string if you like!:-) // // ================= // listing of available constants (using the date // "Tuesday, March 16, 2004" as an example): // // dd = 16 // ddd = Tue // dddd = Tuesday // // mm = 03 // mmm = Mar // mmmm = March // // yy = 04 // yyyy = 2004 // // ================= // // You can use any combination of the above constants. Examples: // // 'mm/dd/yyyy' will result in '03/16/2004' // 'mmm dd, yy' will result in 'Mar 16, 04' // 'mm-dd-yy (dddd)' will result in '03-16-04 (Tuesday)' // '{ ddd, mmm dd, yyyy }', will result in '{ Tue, Mar 16, 2004 }' // // Get the general idea?;-) // // Copy this entire code and paste it in the webstats box of your // Look and Feel page. // // You're free to use this script as long as this comment remains // intact. Future modifications allowed if due credit is given. // function formatEntryDate() {    // ***** adjust the dateFormatStr below as you see fit    // ===================================================    dateFormatStr = 'ddd, mm/dd/yy';    // ===================================================        function getMonthNr(sMonth)    {        months = new Array(            "Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");        for (var n = 0; n < months.length; ++n)        {            if (months[n] == sMonth)            {                if ( n + 1 < 10)                    return '0' + (n + 1).toString()                else                    return (n + 1).toString();            }        }    }    allDivs = document.getElementsByTagName('div');    for (var i = 0; i < allDivs.length; ++i)    {        if (allDivs[i].className == 'blogheader')        {            newDateFormat = dateFormatStr;                        // day            entryDate = allDivs[i].innerHTML;            dayLong = entryDate.substr(0, entryDate.indexOf(','));  // dddd            dayShort = dayLong.substr(0, 3);                        // ddd              tempStr = entryDate.substr(dayLong.length + 1);            dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2);    // dd            newDateFormat = newDateFormat.replace('dddd', dayLong);            newDateFormat = newDateFormat.replace('ddd', dayShort);            newDateFormat = newDateFormat.replace('dd', dayNr);            // month            monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3);// mmmm            monthShort = monthLong.substr(0, 3);                    // mmm            monthNr = getMonthNr(monthShort);                       // mm            newDateFormat = newDateFormat.replace('mmmm', monthLong);            newDateFormat = newDateFormat.replace('mmm', monthShort);            newDateFormat = newDateFormat.replace('mm', monthNr);            // year            yearLong = tempStr.substr(tempStr.indexOf(',') + 2);    // yyyy            yearShort = yearLong.substr(2);                         // yy            newDateFormat = newDateFormat.replace('yyyy', yearLong);            newDateFormat = newDateFormat.replace('yy', yearShort);            allDivs[i].innerHTML = newDateFormat;        }    } } formatEntryDate(); </script>

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.