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

Javascript
innerHTML和innerText的用法
单击按钮复制定义好的内容到剪贴板
浏览器兼容性:停止事件冒泡和阻止浏览器的默认行为
javascript初学者:全面学习对象概念
10款图片展示Javascript代码
解决ajax跨域问题的实例
rails制作rss feed
javascript变量作用域在不同浏览器的处理
网页整理的JS技巧代码
js操作iframe的src的例子
Javascript利用循环绑定事件的例子
Javascript网页恶意代码
javascript恶意代码修改主页修复
JavaScript折叠式列表的网页制作
初学Javascript的总结
JavaScript编程实践中容易出错的地方
JavaScript容易犯错的九个陷阱
复制文章自动附加版权信息
MooTools教程(1):认识MooTools
MooTools教程(2):DOM选择器

No. « 165 166 167 168 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-08-10   浏览: 329 ::
收藏到网摘: 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>