日历小程序加备注的问题,各位大神帮帮忙啊 ~

大致看了一下，修改参考下面的红色部分,前后代码省略。//.......
for(var i=1;i<=iSum;i++)
        {
            aLi[iDay].innerHTML=i;
            aLi[iDay].innerHTML=i  + '<div style="font-size:12px;color:red">增加你的内容</div>'[/color];  //每天的这里增加;
            iDay++;
        }
for(var i=0;i<aLi.length;i++)
        {
            if(aLi[i].innerHTML==nowDate && iYear==nowYear && iMonth==nowMonth)
            {
                aLi[i].className="active";
                aLi[i].innerHTML==nowDate + '<div style="font-size:12px;color:red">增加你的内容</div>';  //这个是当天的
            }
            else if((aLi[i].innerHTML<nowDate && iMonth==nowMonth && iYear==nowYear) ||
                iMonth<nowMonth && iYear==nowYear ||
                iYear<nowYear)
            {
                aLi[i].className="grey";
            }
        }//.......

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

//.......
for(var i=1;i<=iSum;i++)
        {
            aLi[iDay].innerHTML=i;
            aLi[iDay].innerHTML=i  + '<div style="font-size:12px;color:red">增加你的内容</div>';
            //每天的这里增加;
            iDay++;
        }//.......
那你就最简单，如下修改，看是否其作用，（应该）起作用在修改成你需要的即可
//.......
for(var i=1;i<=iSum;i++)
        {
            aLi[iDay].innerHTML=i + 'abcTEXT';
            //aLi[iDay].innerHTML=i  + '<div style="font-size:12px;color:red">增加你的内容</div>';
            //每天的这里增加;
            iDay++;
        }//.......
修改见下面
1，虚拟的数据 var myData =[....],这个可以根据你需要修改，也可从DB总读出然后放到某个隐藏域中取出放到myData
2，for(var i=1;i<=iSum;i++)
        {
aLi[iDay].innerHTML =  i + '-' +  myData[i];
            iDay++;
        }

完整的见下面，满分啊<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日历控件</title>
<script src="jquery-1.10.0.min.js"></script>
<style>
body{
font-family: arial;
font-size: 12px;
text-align: center;
margin: 0;
}
li{ list-style:none;}
.yanse{ background:#ffbb00;}
#b td{ border:1px solid #d5e7fd; width:60px; height:50px;}
#t td{ border:1px solid #d5e7fd; padding:0px; }
.k{width:60px; height:50px; line-height:50px; text-align:center; margin:0px; padding:0px;}
.s{width:20px; height:20px; background:#C00; line-height:20px; color:#FFF;}
.bz{width:60px; height:0px;  line-height:80px; color:#999999; }
</style><script>
window.onload=function()
{
    var oCal=document.getElementById("calendar");
    var oUl=oCal.getElementsByTagName("ul")[0];
    var aLi=oUl.getElementsByTagName("li");
    var changeYear = oCal.getElementsByTagName("select")[0];
    var changeMonth = oCal.getElementsByTagName("select")[1];
    var oNow=new Date();
    var nowYear=oNow.getFullYear();
    var nowMonth=oNow.getMonth();
    var nowDate=oNow.getDate();
    var nowDay=oNow.getDay();
    var nowTime=oNow.getTime();
    var tMonth=nowMonth;
    var tYear = nowYear;
var myData = ['text00','text01','text02','text03','text04','text05','text06','text07','text08','text09'
   ,'text10','text11','text12','text13','text14','text15','text16','text17','text18','text19'
   ,'text20','text21','text22','text23','text24','text25','text26','text27','text28','text29'
   ,'text30','text31'];

    function createCalendar(tYear,tMonth)
    {
$(document).ready(function(e) {
    var d=$('#b div');
     d.click(function(e) {
        d.removeClass('yanse');
        $(this).addClass('yanse');
a = this.innerText;
if(a == 0)
{
alert("选择错误！");
}
else
{
var myDate = changeYear.value+"-"+(iMonth+1)+"-"+this.innerText;
top.r.document.location='r.html?data=' + myDate;
}
        return false;
    });
});

        var oDate=new Date();
oDate.setYear(tYear);
        oDate.setMonth(tMonth);
        oDate.setDate(1);
        var iYear=oDate.getFullYear();
        var iMonth=oDate.getMonth();
        var iDay=oDate.getDay();        for(var i=0;i<aLi.length;i++)
        {
            aLi[i].innerHTML="";
            aLi[i].style.height="40px";
            aLi[i].className="";
        }
        var iSum=0;
        var bLeap=false;
        if(iYear%4==0 && iYear%100!==0 || iYear%400==0) bLeap=true;
        switch(iMonth+1)
        {
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                iSum=31;
                break;
            case 4:
            case 6:
            case 9:
            case 11:
                iSum=30;
                break;
            case 2:
                if(bLeap) iSum=29;
                else iSum=28;
                break;
        }
var temp='';
        for(var i=1;i<=iSum;i++)
        {
aLi[iDay].innerHTML =  i + '-' +  myData[i];
            iDay++;
        }

        for(var i=0;i<aLi.length;i++)
        {
            if(aLi[i].innerHTML==nowDate && iYear==nowYear && iMonth==nowMonth)
            {
                aLi[i].className="active";
            }
            else if((aLi[i].innerHTML<nowDate && iMonth==nowMonth && iYear==nowYear) ||
                iMonth<nowMonth && iYear==nowYear ||
                iYear<nowYear)
            {
                aLi[i].className="grey";
            }
        }

        for(var i=0;i<aLi.length;i++)
        {
            if(aLi[i].innerHTML=="")
            {
                aLi[i].style.height="0px";
            }
        }

    }
createCalendar(tYear,tMonth);
changeMonth.onchange = function(){
tYear = changeYear.value;
tMonth = changeMonth.value;
createCalendar(tYear,tMonth);
}

changeYear.onchange = function(){
tYear = changeYear.value;
tMonth = changeMonth.value;
createCalendar(tYear,tMonth);
} };
</script></head>
<body id="calendar">
<h3>日历控件</h3>
<table width="442" border="0" style="border-collapse:collapse;border:1px solid #d5e7fd; background:#ebf5fe;" >
<tr>
<td width="78">
<select>
<option value="2013">2013年</option>
<option value="2012">2012年</option>
<option value="2011">2011年</option>
</select>   </td>
<td width="61">
<select>
<option value="0">1月</option>
<option value="1">2月</option>
<option value="2">3月</option>
<option value="3">4月</option>
<option value="4">5月</option>
<option value="5">6月</option>
<option value="6">7月</option>
<option value="7">8月</option>
<option value="8">9月</option>
<option value="9">10月</option>
<option value="10">11月</option>
<option value="11">12月</option>
</select>   </td>
<td width="96" align="left">年累计:</td>
<td width="100" align="left" valign="middle">月累计：</td>
</tr>
</table>
    <table width="442" border="1" style="border-collapse:collapse;border:1px solid #d5e7fd; margin-top:-1px " id="t">
<tr align="center">
            <ol>
                <td><li>日</li></td>
                <td><li>一</li></td>
                <td><li>二</li></td>
                <td><li>三</li></td>
                <td><li>四</li></td>
                <td><li>五</li></td>
                <td><li>六</li></td>
            </ol>
</tr>
</table>
    <ul>
        <table width="345" height="300" border="1" id="b" style="border-collapse:collapse; border:1px solid #09F; margin-left:-40px; margin-top:-13px ">
<tr>
  <td  width="60" height="50"><div class="k"><li></li></div></td>
  <td width="43"><div class="k" id="1"><li></li></div></td>
  <td width="43"><div class="k" id="2"><li></li></div></td>
  <td width="43"><div class="k" id="3"><li></li></div></td>
  <td width="43"><div class="k" id="4"><li></li></div></td>
  <td width="43"><div class="k" id="5"><li></li></div></td>
  <td width="60"><div class="k" id="6" ><li></li></div></td>
</tr>
<tr>
<td><div class="k" id="7"><li></li></div></td>
<td><div class="k" id="8"><li></li></div></td>
<td><div class="k" id="9"><li></li></div></td>
<td><div class="k" id="10"><li></li></div><div class="bz">1.14m³</div></td>
<td><div class="k" id="11"><li></li></div></td>
<td><div class="k" id="12"><li></li></div></td>
<td><div class="k" id="13"><li></li></div></td>
</tr>
<tr>
<td><div class="k" id="14"><li></li></div></td>
<td><div class="k" id="15"><li></li></div></td>
<td><div class="k" id="16"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
</tr>
<tr>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
</tr>
<tr>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
</tr>
<tr>
  <td height="104"><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
</tr>
  </table>
    </ul>
</body>
</html>
呵呵  谢谢太感谢了  还有个小问题下边的代码  标红部分的DIV  要有出发时间才显示要怎么办啊<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><div class="s"></div><li></li></div></td>
<td><div class="k"><li></li></div></td>
<td><div class="k"><li></li></div></td>
这个不简单吗？
jquery 选择然后隐藏或显示即可；或者根据你的需求判断有数据，填充内容，没有把内容置空，“貌似”自然什么都没有了比如：
$("ul div.s").html('你的内容');
$("ul div.s").show(); ///hide();