カレンダーの日付 / 2013/08/14

HTML

CSS

div#calendar {
	width: 174px;
	height: 171px;
	position: relative;
	background: url(bg.gif) no-repeat left top;
	margin: 20px auto 0;
}

div#calendar p {
	position: absolute;
	top: 77px;
}

div.calendarType1 p#d1 {
	left: 65px;
}

div.calendarType2 p#d1 {
	left: 42px;
}

div.calendarType2 p#d2 {
	left: 87px;
}

JS

var myDate1 = new Date().getDate();
var myDate2 = String(myDate1);
var d1 = myDate2.substr(0, 1);
var d2 = myDate2.substr(1, 2);
if (d2 == "") {
	// 1ケタの処理
	$("div#calendar").addClass("calendarType1");
	$("div#calendar").append('
');
} else {
	// 2ケタの処理
	$("div#calendar").addClass("calendarType2");
	$("div#calendar").append('
');
}