Искал генератор и случайно рипнул с буржуйского сайта.
ДЕМО
Code
<script>//<![CDATA[
(function() {
var fs = {
"-1024" : "12px",
"1025-1280" : "12px",
"1281-1400" : "14px",
"1401-1600" : "15px",
"1601-" : "15px"
}, w = screen.width, i, s, a, z;
for (i in fs) {
if (/^([0-9]*)-([0-9]*)$/.test(i)) {
a = RegExp.$1;
z = RegExp.$2;
if (s = ((!a || w >= a) && (!z || w <= z) && fs[i])) {
document.write("<style type='text/css'>@media screen { body, input, select, textarea, button { font-size: "
+ s + " }}</style>");
break;
}
}
}
})();
//]]></script>
<script src="http://www.dynarch.com/js/lib.js"></script>
<script src="http://www.dynarch.com/static/JSCal2/src/js/jscal2.js"></script><script src="http://www.dynarch.com/static/JSCal2/src/js/lang/en.js"></script>
<link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/jscal2.css" type="text/css" /><link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/border-radius.css" type="text/css" /><link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/gold/gold.css" type="text/css" />
<div style="clear: both"></div>
<table style="float: left; margin: 0 1em 1em 0"><tr><td>
<div id="calendar-container"></div>
<div id="calendar-info" style="text-align: center; margin-top: 0.3em"></div>
</td></tr></table>
<script type="text/javascript">//<![CDATA[
Calendar.setup({
cont : "calendar-container",
weekNumbers : true,
selectionType : Calendar.SEL_MULTIPLE,
selection : Calendar.dateToInt(new Date()),
showTime : 12,
onSelect : function() {
var count = this.selection.countDays();
if (count == 1) {
var date = this.selection.get()[0];
date = Calendar.intToDate(date);
date = Calendar.printDate(date, "%A, %B %d, %Y");
$("calendar-info").innerHTML = date;
} else {
$("calendar-info").innerHTML = Calendar.formatString("${count:no date|one date|two dates|# dates} selected", { count: count });
}
},
onTimeChange : function(cal) {
var h = cal.getHours(), m = cal.getMinutes();
// zero-pad them
if (h < 10) h = "0" + h;
if (m < 10) m = "0" + m;
$("calendar-info").innerHTML = Calendar.formatString("Time changed to ${hh}:${mm}", {
hh: h,
mm: m
});
}
});
//]]></script></p>