jsCode.com :: Free JavaScripts :: Flexible JavaScript Date Display

Flexible JavaScript Date Display

Be certain to check out our
comprehensive library of JavaScripts
Click Here
.
.

Script Demo:

Description:

Use this script to display today's date on your web page. The format can be set to show or not show the day with the date; and the color, size, style, and face of the font can be set in the script.
.

Instructions:

Copy and paste the code directly into the <body> of your page where you wish the date to appear. Set the variables as shown in the script.
.

The Code:

Click Here to select the code. Use Control-C to copy it to your clipboard. Then paste the code into your page with Control-V or your application's Paste feature.
.

// Set the font color, face, size, and style...

// Acceptable TheFontFace values are those you
// normally use in HTML, for instance:
//     Arial
//     TimesRoman
//     Courier

// Acceptable TheFontColor values are any #RRGGBB
// same as HTML. Remember to use the # sign and
// enclose in quotes.  Typical values:
//     #FF0000 is red
//     #00FF00 is green
//     #0000FF is blue

// Acceptable TheFontSize values are 2-7.

// Acceptable TheFontStyle values are (exactly!):
//     plain
//     bold
//     italic
//     bolditalic

var TheFontFace  = "Arial";
var TheFontColor = "#FF0000";
var TheFontSize  = "3";
var TheFontStyle = "bolditalic";

// Set the separator between the date elements;
// usually use either - or /.

var TheSeparator = "-";

// Show or do not show the day of the week; set
// yes to show, no not to show.

var ShowDay ="yes";

// Do Not Edit Below This Line
// ==============================================

var Days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var TheDate = new Date();

var TheWeekDay = TheDate.getDay();
var Day ="";
if (ShowDay == "yes"){
    Day = Days[TheWeekDay];
    Day += " ";}

var TheMonth = TheDate.getMonth() + 1;
if (TheMonth < 10) TheMonth = "0" + TheMonth;

var TheMonthDay = TheDate.getDate();
if (TheMonthDay < 10) TheMonthDay = "0" + TheMonthDay;

var TheYear = TheDate.getYear();
if (TheYear < 1000) TheYear += 1900;

var FontTagLeft  = "";
var FontTagRight = "";

if (TheFontStyle == "bold"){
 FontTagLeft = "";
 FontTagRight ="";}
 
if (TheFontStyle == "italic"){
 FontTagLeft = "";
 FontTagRight ="";}
 
if (TheFontStyle == "bolditalic"){
 FontTagLeft = ""; 
 FontTagRight = "";}

var D = "";
D += "";
D += FontTagLeft+Day+TheMonth+TheSeparator+TheMonthDay+TheSeparator+TheYear+FontTagRight;
D += "";

document.write(D);

//-->
</script>