Wednesday,
10th Mar 2010

[javascript]

Date Script

There are quite a few date scripts floating around but this one has always been reliable and came through the Year2K issues with flying colours! It is very simple to use. Firstly, cut and paste the script below in between the <head> tags in your document:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
  <!--
  //JavaScript Date Script Code
  //copyright unknown
  //visit http://www.daxassist.com for this and other javascripts with full tutorials.

  function returnDate() {
    var this_month = new Array(12);
    this_month[0]  = "January";
    this_month[1]  = "February";
    this_month[2]  = "March";
    this_month[3]  = "April";
    this_month[4]  = "May";
    this_month[5]  = "June";
    this_month[6]  = "July";
    this_month[7]  = "August";
    this_month[8]  = "September";
    this_month[9]  = "October";
    this_month[10] = "November";
    this_month[11] = "December";

    var this_day = new Array(7);
    this_day[0]  = "Sunday";
    this_day[1]  = "Monday";
    this_day[2]  = "Tuesday";
    this_day[3]  = "Wednesday";
    this_day[4]  = "Thursday";
    this_day[5]  = "Friday";
    this_day[6]  = "Saturday";

    var today = new Date();
    var day   = today.getDate();
    var month = today.getMonth();
    var year  = today.getYear();
    var weekday = today.getDay();
    if (year< 1900) 
      year += 1900;
    SrcStr = (this_day[weekday]+", "+day+" "+this_month[month]+", "+year);
    document.write(SrcStr);	  
  }
  // -->
</script>

Now, wherever you want the date to appear on your page, you put this line of code:

...and that's all there is to it. You can use CSS to create a different appearance for your date - for example, in the code below I have put a div around the entire script with specific attributes in the div:

<div style="font: normal bold 1.2em/1.6em monospace; color: #007BB1; text-align: center;">
<script language="JavaScript" type="text/javascript">returnDate();</script> </div>

which will render like this on the page:

The date will automatically change each day so with just a glance, visitors know what the current date is. This is a very useful addition, particularly to business sites.