喜悦国际村 
» 游客:  注册 | 登录 | 搜索 | 统计 | 喜悦证交所 | 帮助

 喜悦国际村 » XML/HTML/CSS/Js » 急在线等，这段js日历程序怎么得到年月日的值！拜托了！ RSS 订阅当前论坛  

上一主题 下一主题
     
标题: [问题] 急在线等，这段js日历程序怎么得到年月日的值！拜托了！  
 
yy18
新手上路
Rank: 1



UID 118960
精华 0
积分 4
帖子 2
金钱 4 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2008-4-16
状态 离线
急在线等，这段js日历程序怎么得到年月日的值！拜托了！

就是说怎么让跳转的页面取到年月日的值，最好能直接在地址栏里显示！
谁来帮帮我，我已经想了2天了，拜托了！万分感谢了！

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.bg{
    color: #FFFFFF;
    cursor: default;
    background-color: #0099FF;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}
.a1{
    font-family: "宋体";
    font-size: 12px;
    color: #000000;
    cursor: default;
}
.bg1{
    background-color:#FF6600
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();

function fToggleColor(myElement)
{
    var toggleColor = "#ff0000";
    if (myElement.id == "calDateText")
    {
        if (myElement.color == toggleColor)
        {
            myElement.color = toggleColor;
        }
        else
        {
            myElement.color = "";
        }
    }
    else if (myElement.id == "calCell")
    {
        for (var i in myElement.children)
        {
            if (myElement.children.id == "calDateText")
            {
                if (myElement.children.color == toggleColor)
                {
                    myElement.children.color = "";
                }
                else
                {
                    myElement.children.color = toggleColor;
                }
             }
          }
    }
}

function fSetSelectedDay(myElement, URL)
{
    if (myElement.id == "calCell")
    {
        if (!isNaN(parseInt(myElement.children["calDateText"].innerText)))
        {
            myElement.bgColor = "#0099FF";
            objPrevElement.bgColor = "";
            document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
            objPrevElement = myElement;
            //alert(myElement.children["calDateText"].innerText);
            window.open(URL,"");
        }
    }
}

function fGetDaysInMonth(iMonth, iYear)
{
    var dPrevDate = new Date(iYear, iMonth, 0);
    return dPrevDate.getDate();
}

function fBuildCal(iYear, iMonth, iDayStyle)
{
    var aMonth = new Array();
    aMonth[0] = new Array(7);
    aMonth[1] = new Array(7);
    aMonth[2] = new Array(7);
    aMonth[3] = new Array(7);
    aMonth[4] = new Array(7);
    aMonth[5] = new Array(7);
    aMonth[6] = new Array(7);
    var dCalDate = new Date(iYear, iMonth-1, 1);
    var iDayOfFirst = dCalDate.getDay();
    var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
    var iVarDate = 1;
    var i, d, w;
    if (iDayStyle == 2)
    {
        aMonth[0][0] = "日";
        aMonth[0][1] = "一";
        aMonth[0][2] = "二";
        aMonth[0][3] = "三";
        aMonth[0][4] = "四";
        aMonth[0][5] = "五";
        aMonth[0][6] = "六";
    }
    else if (iDayStyle == 1)
    {
        aMonth[0][0] = "Sun";
        aMonth[0][1] = "Mon";
        aMonth[0][2] = "Tue";
        aMonth[0][3] = "Wed";
        aMonth[0][4] = "Thu";
        aMonth[0][5] = "Fri";
        aMonth[0][6] = "Sat";
    }
    else
    {
        aMonth[0][0] = "Su";
        aMonth[0][1] = "Mo";
        aMonth[0][2] = "Tu";
        aMonth[0][3] = "We";
        aMonth[0][4] = "Th";
        aMonth[0][5] = "Fr";
        aMonth[0][6] = "Sa";
    }
    for (d = iDayOfFirst; d < 7; d++)
    {
        aMonth[1][d] = iVarDate;
        iVarDate++;
    }
    for (w = 2; w < 7; w++)
    {
        for (d = 0; d < 7; d++)
        {
            if (iVarDate <= iDaysInMonth)
            {
                aMonth[w][d] = iVarDate;
                iVarDate++;
              }
           }
    }
    return aMonth;
}

function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle, URL)
{
    var myMonth;
    myMonth = fBuildCal(iYear, iMonth, iDayStyle);
    document.write("<table cellspacing='1' bgcolor='#FFFFFF'>")
    document.write("<tr height='18'>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][0] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][1] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][2] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][3] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][4] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][5] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][6] + "</td>");
    document.write("</tr>");
    for (w = 1; w < 7; w++)
    {
        document.write("<tr>");
/*        if(w = 6)
        {
            
        }
*/        for (d = 0; d < 7; d++)
        {
            document.write("<td align='center' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this,'"+ URL +"') bgcolor='#F3F3F3'>");
            if (!isNaN(myMonth[w][d]))
            {
                document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</span></font>");
            }
            else
            {
                document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)'> </span></font>");
            }
            document.write("</td>")
        }
        document.write("</tr>");
    }
    document.write("</table>")
}

function fUpdateCal(iYear, iMonth, opid)
{
    myMonth = fBuildCal(iYear, iMonth);
    objPrevElement.bgColor = "";
    document.all.calSelectedDate.value = "";
    for (w = 1; w < 7; w++)
    {
        for (d = 0; d < 7; d++)
        {
            if (!isNaN(myMonth[w][d]))
            {
                calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
            }
            else
            {
                calDateText[((7*w)+d)-7].innerText = " ";
            }
          }
       }
}
// End -->

function num(n1,n2)
{
    for($i=n1;$i<=n2;$i++)
    {
        document.write('<option value="'+$i+'">'+$i+'</option>');
    }
}

function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //如此简单，直接用其对象的value属性便可获取到
}
</script>
</head>

<body>
<script language="JavaScript" for="window" event="onload">
<!-- Begin
var dCurDate = new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options.value == dCurDate.getFullYear()) frmCalendarSample.tbSelYear.options.selected = true;
//  End -->
</script>

<form name="frmCalendarSample" method="get">
<input type="hidden" name="calSelectedDate" value="">
<table cellspacing="1" bgcolor="#0099FF">
<tr align="center" valign="middle">
<td bgcolor="#FFFFFF" class="a1">
<script language="JavaScript">
var dCurDate = new Date();
document.write("今天是"+dCurDate.getFullYear()+"年"+(dCurDate.getMonth()+1)+"月"+dCurDate.getDate()+"日!");
</script>
</td></tr>
<tr><td bgcolor="#FFFFFF">
<table width="100%" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td align="center" bgcolor="#0099FF">

<select name="tbSelYear" onChange="fUpdateCal(document.frmCalendarSample.tbSelYear.value, document.frmCalendarSample.tbSelMonth.value,tbSelYear)" onclick="document.ye.value=getSelectedValue('tbSelYear')">
<script>num(2003,2012);</script>
</select>
</td>

<td bgcolor="#0099FF" align="center">

<select name="tbSelMonth" onChange="fUpdateCal(document.frmCalendarSample.tbSelYear.value, document.frmCalendarSample.tbSelMonth.value,tbSelMonth)">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</td>

</tr></table>
</tr>
<tr>
<td bgcolor="#FFFFFF" align="center">
<input name="ye" id="ye" type="hidden"/>
<script language="JavaScript">
//fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 15, 14, "12px", "bold", 2, "04.php");document.getElementById('tbSelYear').innerText
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 15, 14, "12px", "bold", 2, "02.php?y="+document.frmCalendarSample.ye.value+"&m="+document.frmCalendarSample.tbSelMonth.value+"&d=");
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
2008-5-6 01:31 PM#1
查看资料  发短消息  顶部
 
km3945 (km3945)
版主
Rank: 7Rank: 7Rank: 7
版主


UID 46538
精华 0
积分 1299
帖子 1267
金钱 1299 喜悦币
威望 0
人脉 0
阅读权限 100
注册 2004-11-8
状态 离线
[推荐阅读] 找高手帮我看看超连接图片切换问题-本人弄了一天都有问题


CODE:
<?php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.bg{
    color: #FFFFFF; 
    cursor: default; 
    background-color: #0099FF;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}
.a1{
    font-family: "宋体";
    font-size: 12px;
    color: #000000;
    cursor: default; 
}
.bg1{
    background-color:#FF6600
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();

function fToggleColor(myElement)
{
    var toggleColor = "#ff0000";
    if (myElement.id == "calDateText")
    {
        if (myElement.color == toggleColor)
        {
            myElement.color = toggleColor;
        }
        else
        {
            myElement.color = "";
        }
    }
    else if (myElement.id == "calCell")
    {
        for (var i in myElement.children)
        {
            if (myElement.children.id == "calDateText")
            {
                if (myElement.children.color == toggleColor)
                {
                    myElement.children.color = "";
                }
                else
                {
                    myElement.children.color = toggleColor;
                }
             }
          }
    }
}

function fSetSelectedDay(myElement, URL)
{
    if (myElement.id == "calCell")
    {
        if (!isNaN(parseInt(myElement.children["calDateText"].innerText)))
        {
            myElement.bgColor = "#0099FF";
            objPrevElement.bgColor = "";
            document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
            objPrevElement = myElement;
            //alert(myElement.children["calDateText"].innerText);
            //window.open(URL,"");
            var s=document.frmCalendarSample.tbSelYear.value+"年"+document.frmCalendarSample.tbSelMonth.value+"月"+myElement.children["calDateText"].innerText;
            alert(s)
        }
    }
}

function fGetDaysInMonth(iMonth, iYear)
{
    var dPrevDate = new Date(iYear, iMonth, 0);
    return dPrevDate.getDate();
}

function fBuildCal(iYear, iMonth, iDayStyle)
{
    var aMonth = new Array();
    aMonth[0] = new Array(7);
    aMonth[1] = new Array(7);
    aMonth[2] = new Array(7);
    aMonth[3] = new Array(7);
    aMonth[4] = new Array(7);
    aMonth[5] = new Array(7);
    aMonth[6] = new Array(7);
    var dCalDate = new Date(iYear, iMonth-1, 1);
    var iDayOfFirst = dCalDate.getDay();
    var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
    var iVarDate = 1;
    var i, d, w;
    if (iDayStyle == 2)
    {
        aMonth[0][0] = "日";
        aMonth[0][1] = "一";
        aMonth[0][2] = "二";
        aMonth[0][3] = "三";
        aMonth[0][4] = "四";
        aMonth[0][5] = "五";
        aMonth[0][6] = "六";
    }
    else if (iDayStyle == 1)
    {
        aMonth[0][0] = "Sun";
        aMonth[0][1] = "Mon";
        aMonth[0][2] = "Tue";
        aMonth[0][3] = "Wed";
        aMonth[0][4] = "Thu";
        aMonth[0][5] = "Fri";
        aMonth[0][6] = "Sat";
    }
    else
    {
        aMonth[0][0] = "Su";
        aMonth[0][1] = "Mo";
        aMonth[0][2] = "Tu";
        aMonth[0][3] = "We";
        aMonth[0][4] = "Th";
        aMonth[0][5] = "Fr";
        aMonth[0][6] = "Sa";
    }
    for (d = iDayOfFirst; d < 7; d++)
    {
        aMonth[1][d] = iVarDate;
        iVarDate++;
    }
    for (w = 2; w < 7; w++)
    {
        for (d = 0; d < 7; d++)
        {
            if (iVarDate <= iDaysInMonth)
            {
                aMonth[w][d] = iVarDate;
                iVarDate++;
              }
           }
    }
    return aMonth;
}

function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle, URL)
{
    var myMonth;
    myMonth = fBuildCal(iYear, iMonth, iDayStyle);
    document.write("<table cellspacing='1' bgcolor='#FFFFFF'>")
    document.write("<tr height='18'>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][0] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][1] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][2] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][3] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][4] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][5] + "</td>");
    document.write("<td align='center' valign='middle' class='bg'>" + myMonth[0][6] + "</td>");
    document.write("</tr>");
    for (w = 1; w < 7; w++)
    {
        document.write("<tr>");
/*        if(w = 6)
        {
            
        }
*/        for (d = 0; d < 7; d++)
        {
            document.write("<td align='center' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this,'"+ URL +"') bgcolor='#F3F3F3'>");
            if (!isNaN(myMonth[w][d]))
            {
                document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</span></font>");
            }
            else
            {
                document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)'> </span></font>");
            }
            document.write("</td>")
        }
        document.write("</tr>");
    }
    document.write("</table>")
}

function fUpdateCal(iYear, iMonth, opid)
{
    myMonth = fBuildCal(iYear, iMonth);
    objPrevElement.bgColor = "";
    document.all.calSelectedDate.value = "";
    for (w = 1; w < 7; w++)
    {
        for (d = 0; d < 7; d++)
        {
            if (!isNaN(myMonth[w][d]))
            {
                calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
            }
            else
            {
                calDateText[((7*w)+d)-7].innerText = " ";
            }
          }
       }
}
// End -->

function num(n1,n2)
{
    for($i=n1;$i<=n2;$i++)
    {
        document.write('<option value="'+$i+'">'+$i+'</option>');
    }
}

function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //如此简单，直接用其对象的value属性便可获取到
}
</script>
</head>

<body>
<script language="JavaScript" for="window" event="onload">
<!-- Begin
var dCurDate = new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options.value == dCurDate.getFullYear()) frmCalendarSample.tbSelYear.options.selected = true;
//  End -->
</script>

<form name="frmCalendarSample" method="get">
<input type="hidden" name="calSelectedDate" value="">
<table cellspacing="1" bgcolor="#0099FF">
<tr align="center" valign="middle">
<td bgcolor="#FFFFFF" class="a1">
<script language="JavaScript">
var dCurDate = new Date();
document.write("今天是"+dCurDate.getFullYear()+"年"+(dCurDate.getMonth()+1)+"月"+dCurDate.getDate()+"日!");
</script>
</td></tr>
<tr><td bgcolor="#FFFFFF">
<table width="100%" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td align="center" bgcolor="#0099FF">

<select name="tbSelYear" onChange="fUpdateCal(document.frmCalendarSample.tbSelYear.value, document.frmCalendarSample.tbSelMonth.value,tbSelYear)" onclick="document.all['ye'].value=getSelectedValue('tbSelYear')">
<script>num(2003,2012);</script>
</select>
</td>

<td bgcolor="#0099FF" align="center">

<select name="tbSelMonth" onChange="fUpdateCal(document.frmCalendarSample.tbSelYear.value, document.frmCalendarSample.tbSelMonth.value,tbSelMonth)">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</td>

</tr></table>
</tr>
<tr>
<td bgcolor="#FFFFFF" align="center">
<input name="ye" id="ye" type="hidden"/>
<script language="JavaScript">
//fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 15, 14, "12px", "bold", 2, "04.php");document.getElementById('tbSelYear').innerText
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 15, 14, "12px", "bold", 2, "02.php?y="+document.frmCalendarSample.ye.value+"&m="+document.frmCalendarSample.tbSelMonth.value+"&d=");
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
?>



学会用下半身来思考！
2008-5-6 05:27 PM#2
查看资料  Blog  发短消息  QQ  顶部
 
yy18
新手上路
Rank: 1



UID 118960
精华 0
积分 4
帖子 2
金钱 4 喜悦币
威望 0
人脉 0
阅读权限 10
注册 2008-4-16
状态 离线
[推荐阅读] JS 键盘值
版主真是大好人啊，非常感谢！
我有几个地方想问下：
1     children和option这里加不加有什么区别，而且在option不加时，年份的下拉菜单不能正确显示系统年份，而只能显示列表中的第1个值，这是什么原因
2     我想让系统当前的日期突出，可是我用条件判断后，却变成一直突出那一格，比如说今天是20008年5月7日，在7日那格会突出，但是把日期改为2006年2月时，在日历中还是用突出的一格，而且还是2008年5月7日的地方突出，我的判断条件是：
var tod = new Date();
if(iYear == tod.getFullYear() && iMonth == (tod.getMonth()+1) && myMonth[w][d]==tod.getDate())
测试了以上数据都没错，可是为什么显示会出错呢？

[ 本帖最后由 yy18 于 2008-5-7 02:19 PM 编辑 ]
2008-5-7 02:18 PM#3
查看资料  发短消息  顶部
     


  可打印版本 | 推荐给朋友 | 订阅主题 | 收藏主题 | 开通个人空间  


 


Powered by Discuz! 6.1.0  © 2001-2010 Comsenz Inc.
Processed in 0.070302 second(s), 6 queries

(冀ICP备05009913号) 管理员:sadly 邮箱/MSN: sadly@phpx.com QQ:824008(长隐) 清除 Cookies - - Archiver - WAP