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 = "";
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教程
上一篇:javascript鼠标事件
最新更新