Project Description
jToday is a jQuery plugin that displays a today calendar showing today's date or any date you specify. jToday is written in JavaScript

Sample

jToday-sample.png

The calendar icon in the above sample was created with this HTML:
<div class="jToday"></div>


This JavaScript:
$(".jToday").jToday();


And this CSS:
.jToday {
	position:relative;
	width:40px;
	height:38px;
	background-image:url(images/jTodayRed.png);
	overflow:hidden;
	text-align:center;
}
.jToday .year {
	display:none;
}
.jToday .month {
	font-weight:bold;
	color:#eeeeee;
	font-size:14px;
	line-height:14px;
}
.jToday .day {
	font-weight:bold;
	color:#444444;
	line-height:22px;
	font-size:22px;
}


You can also pass a date to jToday to display any given date, like this:
$(".jToday").jToday(new Date(2009, 3, 27));

jToday-sample-04-27.png

Or you can embed the date in the HTML like this:
<div class="jToday">2008-01-01</div> <!-- this will display Jan 1 -->

jToday-sample-01-01.png

As you can see, jToday also supports a year value, although I've hidden it in my examples. You can create your own CSS and background image that supports year if you are so inclined. You are also free to use my red calendar background image here:
jTodayRed.png

Last edited Sep 5, 2009 at 4:02 AM by donavon, version 5