当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 对象化JS之----日期选择

Javascript
JS幻想 读取二进制文件
javascript 层展开/关闭,带缓冲效果
仿淘宝首页分类列表效果实现代码
javascript 像素拼图实现代码
javascript+css 新闻显示tab 选项卡效果
[转]去百度面试的javascript 收获
用JavaScript显示随机图像或引用
一个类似vbscript的round函数的javascript函数
JavaScript 学习点滴记录
Js 获取HTML DOM节点元素的方法小结
在线编辑器中换行与内容自动提取
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
javascript 绘制矩形框
纯JS 绘制数学函数
javascript Excel操作知识点
jQuery 注意事项 与原因分析
JQuery 初体验(建议学习jquery)
RGB颜色值转HTML十六进制(HEX)代码的JS函数
JavaScript 使用技巧精萃(.net html
js tab 选项卡

Javascript 中的 对象化JS之----日期选择


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 419 ::
收藏到网摘: n/a

<SCRIPT LANGUAGE=javascript>
onload=function(){
 var lodate = new dateSelect();
 lodate.setDate("2003-01-01");
}

function dateSelect(aoP){
    var loD = document.createElement("SPAN");
    if (aoP==null){
        document.body.appendChild(loD);
    }else{
        aoP.appendChild(loD);
    }
    loD.onSelectDate = function(){};
        loD.getDate = function(){
        var loChilds = this.all.tags("SELECT");
        var lsDate = "";
        for (var i=0; i<loChilds.length; i++){
            var li = parseFloat(loChilds[i].value);
            if (li<10) li="0"+li;
            lsDate+=li;
            if (i<2) lsDate+="-";
            if (i==2) lsDate+=" ";
            if (i>2&&i<loChilds.length-1) lsDate+=":";
        }
        return lsDate;
    }
    loD.setDate = function(asDate){
        this.innerHTML = "";
        var liSpaceYear = 20;
        var loNowDate = new Date();
        var liYear = loNowDate.getYear();
        var liMonth = loNowDate.getMonth()+1;
        var liDay = loNowDate.getDate();
        var liHour = loNowDate.getHours();
        var liMinute = loNowDate.getMinutes();
        if (asDate!=null&&asDate!=""){
            var lxDate = asDate.split(" ");
            if (lxDate.length>0){
                var lxUp = lxDate[0].split("-");
                if (lxUp.length>0) liYear = parseFloat(lxUp[0]);
                if (lxUp.length>1) liMonth = parseFloat(lxUp[1]);
                if (lxUp.length>2) liDay = parseFloat(lxUp[2]);
            }
            if (lxDate.length>1){
                var lxDown = lxDate[1].split(":");
                if (lxDown.length>0) liHour = parseFloat(lxDown[0]);
                if (lxDown.length>1) liMinute = parseFloat(lxDown[1]);
            }
        }
        var loYear = document.createElement("SELECT");
        loYear.onchange = new Function(''+this.uniqueID+'.setDate('+this.uniqueID+'.getDate())');
        loYOpts = loYear.options;
        for (var i=liYear-liSpaceYear; i<liYear+liSpaceYear; i++){
            loYOpts[loYOpts.length] = new Option(i,i);
            if (i==liYear) loYOpts[loYOpts.length-1].selected=true;
        }
        this.insertBefore(loYear);
        var loFont = document.createElement("FONT");
        loFont.innerHTML = "年";
        this.insertBefore(loFont);

        var loMonth = document.createElement("SELECT");
        loMonth.onchange = new Function(''+this.uniqueID+'.setDate('+this.uniqueID+'.getDate())');
        loMOpts = loMonth.options;
        for (var i=1; i<=12; i++){
            loMOpts[loMOpts.length] = new Option(i,i);
            if (i==liMonth) loMOpts[loMOpts.length-1].selected=true;
        }
        this.insertBefore(loMOpts);
        var loFont = document.createElement("FONT");
        loFont.innerHTML = "月";
        this.insertBefore(loFont);
        var loDay = document.createElement("SELECT");
        loDay.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
        loDOpts = loDay.options;
        var liMaxDay=getMaxDay(liYear,liMonth);
        for (var i=1; i<=liMaxDay; i++){
            loDOpts[loDOpts.length] = new Option(i,i);
            if (i==liDay) loDOpts[loDOpts.length-1].selected=true;
        }
        this.insertBefore(loDay);
        var loFont = document.createElement("FONT");
        loFont.innerHTML = "日";
        this.insertBefore(loFont);
        var loHour = document.createElement("SELECT");
        loHour.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
        loHOpts = loHour.options;
        for (var i=0; i<=23; i++){
            loHOpts[loHOpts.length] = new Option(i,i);
            if (i==liHour) loHOpts[loHOpts.length-1].selected=true;
        }
        this.insertBefore(loHOpts);
        var loFont = document.createElement("FONT");
        loFont.innerHTML = "时";
        this.insertBefore(loFont);
        var loMinute = document.createElement("SELECT");
        loMinute.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
        loMiOpts = loMinute.options;
        for (var i=0; i<=59; i++){
            loMiOpts[loMiOpts.length] = new Option(i,i);
            if (i==liMinute) loMiOpts[loMiOpts.length-1].selected=true;
        }
        this.insertBefore(loMinute);
        var loFont = document.createElement("FONT");
        loFont.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
        loFont.innerHTML = "分";
        this.insertBefore(loFont);
        loD.onSelectDate();
        function getMaxDay(aiYear,aiMonth){
            var loDay = [0,31,28,31,30,31,30,31,31,30,31,30,31];
            if (aiYear%4==0) loDay[2] = 29;
            return loDay[aiMonth];
        }
    }
    return loD;
}
</SCRIPT>