当前位置:学会吧培训频道电脑知识学习网页制作Javascript教程js日历控件(可精确到分钟)» 正文

js日历控件(可精确到分钟)

[08-08 00:48:04]   来源:http://www.xuehuiba.com  Javascript教程   阅读:8956
概要: str += "</td>"; str += "</tr>"; str += "</table>"; return str; } //priavate this.drawMonth = function() { //alert(this.fName); var aMonthName = ["一","二","三","四","五","六","七","八","九","十","十一","十二"]; var str = "";
js日历控件(可精确到分钟),标签:javascript视频教程,javascript教程下载,http://www.xuehuiba.com
        str += "</td>";
        str += "</tr>";
        str += "</table>";
        return str;
    }
    //priavate
    this.drawMonth = function()
    { //alert(this.fName);
        var aMonthName = ["一","二","三","四","五","六","七","八","九","十","十一","十二"];
        var str = "";
        str += "<select class="c_month" name=""+this.fName+"" id=""+this.fName+"_month" onchange=""+this.name+".redrawDate()">";
        for (var i=0;i<aMonthName.length;i++) {
            str += "<option value=""+(i+1)+"" "+(i==this.month?"selected":"")+">"+aMonthName[i]+"月</option>";
        }
        str += "</select>";
        return str;
    }
    //private
    this.drawDate = function()
    {
        var str = "";
        var fDay = new Date(this.year,this.month,1).getDay();
        var fDate = 1-fDay;
        var lDay = new Date(this.year,this.month+1,0).getDay();
        var lDate = new Date(this.year,this.month+1,0).getDate();
        str += "<table class="cal_drawdate" border="0" cellspacing="0" cellpadding="0" id=""+this.fName+"_dateTable"+"">";
        for (var i=1,j=fDate;i<7;i++)
        {
            str += "<tr>";
            for (var k=0;k<7;k++)
            {
                str += "<td><span"+(j==this.date?" class="selected"":"")+" onclick=""+this.name+".redrawDate(this.innerText)">"+(isDate(j++))+"</span></td>";
            }
            str += "</tr>";
        }
        str += "</table>";
        return str;
        function isDate(n)
        {
            return (n>=1&&n<=lDate)?n:"";
        }
    }
    //public
    this.redrawDate = function(d)
    {
        this.year = document.getElementById(this.fName+"_year").value;
        this.month = document.getElementById(this.fName+"_month").value-1;
//alert(this.date)
this.date = d || this.date;
//alert(this.date)
document.getElementById(this.fName+"_year").value = this.year;
        document.getElementById(this.fName+"_month").selectedIndex = this.month;
        document.getElementById(this.fName+"_date").value = this.date;
        if (this.date>new Date(this.year,this.month+1,0).getDate()) this.date = new Date(this.year,this.month+1,0).getDate();
        document.getElementById(this.fName+"_dateTable").outerHTML = this.drawDate();
        //alert(this.year);
        //alert(this.month);
        //alert(this.date);
        getDateTime();
    }

上一页  [1] [2] [3] [4] [5] [6] [7]  下一页


Tag:Javascript教程javascript视频教程,javascript教程下载电脑知识学习 - 网页制作 - Javascript教程
《js日历控件(可精确到分钟)》相关文章
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13