The JavaScript Way

Disclaimer: This is the (and my) first post/question, and it’s more of a suggestion or finished article than a question or problem that people can comment on. Now, on with the show!

You can use a shotgun blast of local functions.

var showCalendar = function(date){
	// ...
}

var daysInMonth = function(){
	// ...
}

var firstDayOfMonth = function(){
	// ...
}

You can also tuck your code in an object. This cleans up things quite a bit.

Calendar = {
	show: function(date){
		// ...
	},
	
	daysInMonth: function(){
		// ...
	},
	
	firstDayOfMonth: function(){
		// ...
	}
}

Calendar.show(new Date())

In addition to providing a clean namespace, an object also gives you this, which is very useful. You can use that to refer to variables and set states from inside the object.

Calendar = {
	init: function(date, argetDomId){
		this.date = new Date()
		this.target = document.getElementById(targetDomId || "default")
		this.width = 200
		this.height = 500
	},
	
	render: function(){
		// use this.width, this.target etc here
	}
	
	setDate: function(newDate){
		this.date = newDate
	},
	
	firstDayOfMonth: function(){
		// ...
	}
}

Calendar.init(new Date())
Calendar.init(new Date(2007, 1, 24), "myCalendarTarget")