一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 时间日期

推荐专题

最新下载

1

波兰球之战正式版
86.49M 类型： 策略塔防
2

巴士机器人变换汽车手游
12.5MB 类型： 休闲益智
3

银河射击雷电射手免费正版
82.60MB 类型： 射击枪战
4

爆改庄园免费正版
18.70MB 类型： 模拟经营
5

狙击手火力对决下载最新版
130.10MB 类型： 射击枪战
6

决战长空手机版
93.33MB 类型： 射击枪战
7

文明时代2虚无4.7手机版
276.38 MB 类型： 策略塔防
8

点贴瓷砖
39.02M 类型： 休闲益智
9

星舰大作战
78.77MB 类型： 休闲益智
10

色块躲避安卓下载
14.74MB 类型： 休闲益智

热门教程

1

文明6血色契约怎么打
时间：2024-05-15 类型： 游戏攻略
2

攻城掠地怎么过93关姜维
时间：2024-05-15 类型： 游戏攻略
3

火影忍者如何获取橙色饰品
时间：2024-05-15 类型： 游戏攻略
4

放开那三国3有哪些坐骑
时间：2024-05-15 类型： 游戏攻略
5

最后的原始人游戏首把SP神器青鸾神幡详情介绍
时间：2024-05-15 类型： 游戏攻略
6

最后的原始人游戏宠物通天灵猴详情简介
时间：2024-05-15 类型： 游戏攻略
7

咏月风雅游戏玩法攻略讲解
时间：2024-05-15 类型： 游戏攻略
8

艾尔登法环初始职业怎么加点
时间：2024-05-14 类型： 游戏攻略
9

崩坏3新手抽什么角色
时间：2024-05-14 类型： 游戏攻略
10

明日之后狙击手职业怎么样
时间：2024-05-14 类型： 游戏攻略

javascript日期选择器代码

时间：2022-06-25 22:16:50 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

javascript日期选择器代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.111com.net/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript日期选择器代码</title>
<script language="javascript">
var months = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"); 
var days   = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var weeks  = new Array("日","一","二","三","四","五","六");
var today;
var pX;
var pY;

document.writeln("<div id='Calendar' style='position:absolute; z-index:1; visibility: hidden;'></div>");

function getDays(month,year){
    if (1 == month){
        return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28;
    }else{
        return days[month];
	}
}
function getToday(){
    var date  = new Date();
    this.year = date.getFullYear();
    this.month= date.getMonth();
    this.day  = date.getDate();
}
function getSelectDay(str){
    var str=str.split("-");
    
    var date  = new Date(parseFloat(str[0]),parseFloat(str[1])-1,parseFloat(str[2]));
    this.year = date.getFullYear();
    this.month= date.getMonth();
    this.day  = date.getDate();
}

function ShowDays() {
	var obj_Year =get_object('Year');
	var obj_Month=get_object('Month');

var parseYear = parseInt(obj_Year.options[obj_Year.selectedIndex].value);
    var Seldate = new Date(parseYear,obj_Month.selectedIndex,1);
    var day = -1;
    var startDay = Seldate.getDay();
    var daily = 0;
    
    if ((today.year == Seldate.getFullYear()) &&(today.month == Seldate.getMonth())){
        day = today.day;
	}
    var tableDay = get_object('Day');
    var DaysNum =getDays(Seldate.getMonth(),Seldate.getFullYear());
    for (var intWeek = 1;intWeek < tableDay.rows.length;intWeek++){
        for (var intDay = 0;intDay < tableDay.rows[intWeek].cells.length;intDay++){
            var cell = tableDay.rows[intWeek].cells[intDay];
            if ((intDay == startDay) && (0 == daily)){
                daily = 1;
			}
                
            if(day==daily){
                cell.style.background='#6699CC';
                cell.style.color='#FFFFFF';
            } else if(intDay==6){
                cell.style.color='green';
			} else if (intDay==0){
                cell.style.color='red';
			}
            
            if ((daily > 0) && (daily <= DaysNum)){
				cell.innerHTML = daily;
                daily++;
            } else{
				cell.style.<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>Text = '';
                cell.innerHTML = '';
			}
        }
	}
}

function GetDate(idname,e){
    var sDate;
	var getElement = is_gecko ? e.target : event.srcElement;
    if (getElement.tagName == "TD"){
        if(getElement.innerHTML != ""){
            sDate = get_object('Year').value + "-" + get_object('Month').value + "-" + getElement.innerHTML;
            get_object(idname).value=sDate;
            HiddenCalendar();
        }
	}
}

function HiddenCalendar(){
    get_object('Calendar').style.visibility='hidden';
}

function ShowCalendar(idname){
    var x,y,i,intWeeks,intDays;
    var table;
    var year,month,day;
    var obj=get_object(idname);
    var thisyear;
    
    thisyear=new Date();
    thisyear=thisyear.getFullYear();
    
    today = obj.value;
    if(isDate(today)){
        today = new getSelectDay(today);
	}else{
        today = new getToday();
	}
    
    x=obj.offsetLeft;
    y=obj.offsetTop;
    while(obj=obj.offsetParent){
        x+=obj.offsetLeft;
        y+=obj.offsetTop;
    }
	var Cal=get_object('Calendar');
    Cal.style.left=x+2+'px';
    Cal.style.top=y+20+'px';
    Cal.style.visibility="visible";
    
    table="<table border='0' cellspacing='0' style='border:1px solid #8EAF2D; background-color:#FFFFFF'>";
    table+="<tr>";
    table+="<td style='border-bottom:1px solid #8EAF2D; background-color:#8EAF2D'>";
    
    table+="<select name='Year' id='Year' onChange='ShowDays()' style='font-family:Verdana; font-size:12px'>";
    for(i = thisyear - 35;i < (thisyear + 5);i++){ 
        table+="<option value=" + i + " " + (today.year == i ? "Selected" : "") + ">" + i + "</option>"; 
	}
	table+="</select>";

table+="<select name='Month' id='Month' onChange='ShowDays()' style='font-family:Verdana; font-size:12px'>";
    for(i = 0;i < months.length;i++){
        table+="<option value= " + (i + 1) + " " + (today.month == i ? "Selected" : "") + ">" + months[i] + "</option>";
	}

table+="</select>";
    table+="</td>";
    table+="<td style='border-bottom:1px solid #8EAF2D; background-color:#8EAF2D; font-weight:bold; font-family:Wingdings 2,Wingdings,Webdings; font-size:16px; padding-top:2px; color:#fff; cursor:hand' align='center' title='关闭' onClick='javascript:HiddenCalendar()'>S</td>";
    table+="</tr>";
    table+="<tr><td align='center' colspan='2'>";
    table+="<table id='Day' border='0' width='100%'>";
    table+="<tr>";

for(i = 0;i < weeks.length;i++){
        table+="<td align='center' style='font-size:12px;'>" + weeks[i] + "</td>";
	}
	table+="</tr>";

for(intWeeks = 0;intWeeks < 6;intWeeks++){
        table+="<tr>";
        for (intDays = 0;intDays < weeks.length;intDays++){
            table+="<td onClick='GetDate("" + idname + "",event)' style='cursor:pointer;border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; color:#215DC6; font-family:Verdana; font-size:12px' align='center'></td>";
		}
        table+="</tr>";
    }
    table+="</table></td></tr></table>";

Cal.innerHTML=table;
    ShowDays();
}

function isDate(dateStr){
    var datePat = /^(d{4})(-)(d{1,2})(-)(d{1,2})$/;
    var matchArray = dateStr.match(datePat);
    if (matchArray == null) return false;
    var month = matchArray[3];
    var day = matchArray[5];
    var year = matchArray[1];
    if (month < 1 || month > 12) return false;
    if (day < 1 || day > 31) return false;
    if ((month==4 || month==6 || month==9 || month==11) && day==31) return false;
    if (month == 2){
        var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
        if (day > 29 || (day==29 && !isleap)) return false;
    }
    return true;
}
function get_object(idname){
	if (document.getElementById){
		return document.getElementById(idname);
	}else if (document.all){
		return document.all[idname];
	}else if (document.layers){
		return document.layers[idname];
	}else{
		return null;
	}
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input name="datav" type="text" id="datav"  onclick="ShowCalendar('datav');" />
  </label>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

相关文章

热门栏目