写了几个类，希望对大家有用。

答案：1.日历 
<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() { 
                                  style.color = 'red';  
                       },  
                       onmouseout = function() {  
                                  style.color = '';  
                       });  
    } 
    .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.container = _container; 
        this.weekArr = ['日', '一', '二', '三', '四', '五', '六']; 
        this.dateArr = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; 

        this.showTable = function(_year, _month) { 
             this.container.innerHTML = this.getDateTable(_year, _month); 
        } 

        this.getDateTable = 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 (!this.today(_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); 
         } 

         this.today = function(_year, _month, _date) { 
              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);   
         } 
    } 
    
    window.onload = function() { 
         oDate = new DateClass(self.oContainer); 
         oDate.showTable(new Date().getFullYear(), new Date().getMonth()+1); 
    } 
</script> 
<div id="oContainer"></div> 

 标准布局应用：对联与旗帜
下一个：用Javascript轻松制作一套简单的抽奖系统
更多图片编程知识:

Ext JS 4.2 Grid预览

ExtJs4 TabPanel

使用IE的地址栏来辅助调试Web页脚本

JS弹出层

一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口

不错的新闻标题颜色效果
  
更多JS疑问解答：
几个验证11位手机号码格式的js代码
js如何获得FCKeditor控件的值
用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...
JS验证，这块“牛皮”反复修改都不能实现
在JS中使用DOM模型
如何用JS 获取本地文件夹的文件列表
js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？
求实现自动生成图片缩略图的JS代码
JS脚本网页问题
js，代码中"object"和"Object"区别？
js+flash实现网页图片切换效果，出现边框，单击激活此控件。
JS怎样操作PHP中的参数
js 怎么在一打开页面就加载这个函数。
Date.parse()的问题(js)
<script src="/{maxcms:sitepath}js/common.js"></script>是什么意思