⽇历HTML代码转载)1.⽇历
HTML 代码:
<style type="text/css">
#oContainer {
width: 193px;
padding: 3px;
background-color: menu;
border-left: buttonhighlight 1px solid;
border-top: buttonhighlight 1px solid;
border-right: buttonshadow 1px solid;
border-bottom: buttonshadow 2px solid;
}
.DateTable {
font: 10pt;
word-break: break-all;
}
.WeekTd, .BlankTd {
font: 10pt;
border: 1px solid menu;
}
.Today {
font: 10pt;
color: red;
cursor: hand;
position: relative;
left: 1px;
top: 1px;
border-left: 1px solid dimgray;
border-top: 1px solid dimgray;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
.MonthTd {
font: 10pt;
font-family: webdings;
cursor: hand;
border: 1px solid menu;
zmm: expression(onmouseenter = function() {
},
onmouseout = function() {
});
}
.
SelectTd {
border: 1px solid menu;
}
.over {
position: relative;
cursor: hand;
border-right: 1px solid buttonshadow;
border-bottom: 1px solid buttonshadow;
border-left: 1px solid buttonhighlight;
border-top: 1px solid buttonhighlight;
}
.
out {
border-left: 1px solid buttonface;
border-top: 1px solid buttonface;
border-right: 1px solid buttonface;
border-bottom: 1px solid buttonface;
}
.down {
position: relative;
left: 1px;
top: 1px;
border-left: 1px solid dimgray;
border-top: 1px solid dimgray;
border-right: 1px solid white;
border-bottom: 1px solid white;
}
</style>
<script language="javascript">
var oDate = new Object();
function DateClass(_container) {
this.author = '51JS.COM-ZMM';
this.version = 'Web Calendar 1.0';
this.weekArr = ['⽇', '⼀', '⼆', '三', '四', '五', '六'];
this.dateArr = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
this.showTable = function(_year, _month) {
}
if (this.checkArgs(_year, _month)) {
_year = parseInt(this.checkDate(_year, _month).split('-')[0]);
_month = parseInt(this.checkDate(_year, _month).split('-')[1]);
this.Thead = '<table cellpadding="5" cellspacing="0" class="DateTable">\n';
this.Thead += '<tr><td align="center" class="MonthTd" onclick="oDate.showTable(' + _year + ', ' + eval
(_month-1) + ');">3</td>';                this.Thead += '<td align="center" colspan="5" class="SelectTd"><select
onchange="oDate.showTable(options[selectedIndex].value, ' + _month + ');">';
for (var i=1900; i<2101; i++) this.Thead += '<option value="' + i + '" ' + ((_year==i) ? 'selected' : '') + '>' + i + '年</option>';
this.Thead += '</select><select onchange="oDate.showTable(' + _year + ', options[selectedIndex].value);">';
for (var i=1; i<13; i++) this.Thead += '<option value="' + i + '" ' + ((_month==i) ? 'selected' : '') + '>' + i + '⽉</option>';
this.Thead += '</select></td>';
this.Thead += '<td align="center" class="MonthTd" onclick="oDate.showTable(' + _year + ', ' + eval(_month+1) + ');">4</td>
</tr>\n';
this.Thead += '<tr>';
for (var i=0; i<this.weekArr.length; i++) this.Thead += '<td align="center" class="WeekTd">' + this.weekArr[i] + '</td>';
this.Thead += '</tr>\n';
this.Tbody = '<tr>';
this.dateArr[1] = (!this.checkYear(_year)) ? 28 : 29 ;
for (var i=0; i<this.firstPos(_year, _month); i++) this.Tbody += '<td class="BlankTd"></td>';
for (var i=1; i<=this.dateArr[_month-1]; i++) {
if (this.firstPos(_year, _month) == 0) {
if (i!=1 && i%7==1) this.Tbody += '</tr>\n<tr>';
} else {
if ((i+this.firstPos(_year, _month))%7==1) this.Tbody += '</tr>\n<tr>';
}
if (!day(_year, _month, i)) {
this.Tbody += '<td align="center" class="out" onmouseover="className=\'over\';" onmouseout="className=\'out\';" onmousedown="className=\'down\';" onclick="oDate.showDateStr(' + _year + ', ' + _month + ', ' + i + ', \'' + this.weekArr[new Date(_year, _month-1, i).getDay()] + '\');">' + i + '</td>';
} else {
this.Tbody += '<td align="center" class="Today" onclick="oDate.showDateStr(' + _year + ', ' + _month + ', ' + i + ', \'' + this.weekArr[new Date(_year, _month-1, i).getDay()] + '\');">' + i + '</td>';
}
}
for (var i=0; i<6-this.lastPos(_year, _month); i++) this.Tbody += '<td class="BlankTd"></td>';
this.Tbody += '</tr>\n';
this.TFoot = '</table>\n';
this.Table = this.Thead + this.Tbody + this.TFoot;
return this.Table;
} else {
return 'Arguments Error!';
}
}
this.firstPos = function(_year, _month) {
return new Date(_year, _month-1, 1).getDay();
}
this.lastPos = function(_year, _month) {
return new Date(_year, _month-1, this.dateArr[_month-1]).getDay();
}
this.checkYear = function(_year) {
return ((_year % 4 == 0) && (_year % 100 != 0)) || (_year % 400 == 0);
}
return (new Date().getFullYear() == _year) && (new Date().getMonth() == _month-1) && (new Date().getDate() == _date);        }
this.checkArgs = function(_year, _month) {
if (_year<1900 || _year>2100) return false;
if (_month<0 || _month>13) return false;
return (!isNaN(_year) && !isNaN(_month));
}
this.checkDate = function(_year, _month) {
if (_month<1) {
_year --;
_month = 12;
}
if (_month>12) {
_year ++;
_month = 1;
}
return _year + '-' + _month;
}
this.showDateStr = function(_year, _month, _date, _week) {
window.alert(_year + '年' + _month + '⽉' + _date + '⽇星期' + _week);
}
}pdf转html
oDate = new DateClass(self.oContainer);
oDate.showTable(new Date().getFullYear(), new Date().getMonth()+1);
}
</script>
<div id="oContainer"></div>