JS制作简单的日历控件【JS Date对象操作实例】

一直对JS 中的Date 对象不是很熟练，缺乏操作实践，端午节抽空复习了一下，做了一个简单的日期选择控件

日历外观参考了淘宝旅行中的日期控件，控件只有基本功能，木有做节日显示：

2012年7月14日 增加了IE6的selectBUG，遮挡问题，修改了两个日历能够同时出现的问题。

使用方法：

只需传入日期INPUT元素的ID即可，isSelect选项为是否为SELECT下拉选择年月设置

var myDate1 = new Calender({id:'j_Date1'});var myDate2 = new Calender({id:'j_Date2',isSelect:!0});

演示如下：

日历组件示例

支持选择年月          支持SELECT选择年月

          

测试IE623测试IE623测试IE623测试IE623测试IE623测试IE623

 

 

 

 

 

有兴趣的看源代码吧，详细源代码+注释如下：

    
              
支持选择年月          支持SELECT选择年月
      
                 
       
      
    测试IE6    2    3    测试IE6    2    3    测试IE6    2    3    测试IE6    2    3    测试IE6    2    3    测试IE6    2    3
      
      

转载请注明出处：