End of Week Date Lookup

Jake Aitchison Jun 30, 2008

General

Use this script to display the date of the end of the week for any given period during the year. Fully customizable and easy to use.

Notes

Created by: Jake Aitchison
Web Site: WebDeveloper.com Forums
Posted: June 30, 2008

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: eowDateLookup.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Jake Aitchison | http://www.webdeveloper.com/forum/showthread.php?t=184698 */

function yearDropDown(){
 	var theDate=new Date();
 	var theYear=theDate.getFullYear()-2;
 	for(y=0;y<6;y++){
  		document.write("<option value='"+theYear+"'>"+theYear+"</option>");
  		theYear++;
 	}
}
function yearDropWeek(){
 	for(y=1;y<=52;y++){
  		var b=y;
  		if(y<10) {
    		y="0"+y;
  		}
  		document.write("<option value='"+b+"'>WK"+y+"</option>");
 	}
}

function andTheDateIs(wkNum,yrNum){
 	var theDate=Date.UTC(yrNum,0,1);
 	var result=theDate+(wkNum*604800000);
 	var resultDate=new Date(result);

 	var dateNum = resultDate.getDate();
 	var dateDay = resultDate.getDay();
 	var dateMonth = resultDate.getMonth();

 	if(dateDay!==6){
  		result=result-((dateDay+1)*86400000);
  		resultDate=new Date(result);
  		dateNum = resultDate.getDate();
  		dateDay = resultDate.getDay();
  		dateMonth = resultDate.getMonth();
	}

 	var month=new Array("January","February","March",
                      "April","May","June","July",
                      "August","September","October",
                      "November","December");

 	document.getElementById("resultBox").innerHTML="Sat: "+dateNum+"-"+month[dateMonth].substr(0,3)+"-"+yrNum;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="eowDateLookup.js"></script>

Body

Paste this code into the BODY section of your HTML document


<select id="yearList">
  <script type="text/javascript">yearDropDown();</script>
</select>

<select id="weekList">
  <script type="text/javascript">yearDropWeek();</script>
</select>

<input type="button" onClick="andTheDateIs(document.getElementById('weekList').value,document.getElementById('yearList').value)" value="get result!">

<h3 id="resultBox"></h3>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details