当前位置:起点学习辅导网培训频道电脑知识学习网页制作Javascript教程js日历控件(可精确到分钟)

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

08-08 00:48:04浏览次数:956栏目:Javascript教程
标签:javascript视频教程,javascript教程下载, js日历控件(可精确到分钟),
    this.setFocusObj = function(obj)
    {        
        eval(this.fName+"_up").disabled = eval(this.fName+"_down").disabled = false;
        this.fObj = obj;
    }
    this.getTime = function()
    {
        var arrTime = new Array(2);
        for (var i=0;i<document.getElementsByName(this.fName).length;i++)
        {
            arrTime[i] = document.getElementsByName(this.fName)[i].value;
//alert(arrTime[i]);
}
        return arrTime.join(":");
    }
}
//    Written by cloudchen, 2004/03/16
function CalendarCalendar(name,fName)
{
    this.name = name;
    this.fName = fName || "calendar";
    this.year = new Date().getFullYear();
    this.month = new Date().getMonth();
    this.date = new Date().getDate();
//alert(this.month);
//private
    this.toString = function()
    {
        var str = "";
        str += "<table border="0" cellspacing="0" cellpadding="0" onselectstart="return false">";
        str += "<tr>";
        str += "<td>";
        str += this.drawMonth();
        str += "</td>";
        str += "<td align="right">";
        str += this.drawYear();
        str += "</td>";
        str += "</tr>";
        str += "<tr>";
        str += "<td colspan="2">";
        str += "<div class="c_frameborder">";
        str += "<table width="100%" border="0" cellspacing="0" cellpadding="0" class="c_dateHead">";
        str += "<tr>";
        str += "<td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td>";
        str += "</tr>";
        str += "</table>";
        str += this.drawDate();
        str += "</div>";
        str += "</td>";
        str += "</tr>";
        str += "</table>";
        return str;
    }
    //private
    this.drawYear = function()
    {
        var str = "";
        str += "<table border="0" cellspacing="0" cellpadding="0">";
        str += "<tr>";
        str += "<td>";
        str += "<input class="c_year" maxlength="4" value=""+this.year+"" name=""+this.fName+"" id=""+this.fName+"_year" readonly>";
        //DateField
        str += "<input type="hidden" name=""+this.fName+"" value=""+this.date+"" id=""+this.fName+"_date">";
        str += "</td>";
        str += "<td>";
        str += "<table cellspacing="2" cellpadding="0" border="0">";
        str += "<tr>";
        str += "<td><button class="c_arrow" +this.fName+"_year').value++;"+this.name+".redrawDate()">5</button></td>";
        str += "</tr>";
        str += "<tr>";
        str += "<td><button class="c_arrow" +this.fName+"_year').value--;"+this.name+".redrawDate()">6</button></td>";
        str += "</tr>";
        str += "</table>";
        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()
    {

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

,js日历控件(可精确到分钟)
《js日历控件(可精确到分钟)》相关文章
给资讯打分:
网友评论: