0

我有一个 javascript 日历的代码,它完美地工作,因为它在页面加载时创建它。但是我想知道是否可以向其中添加事件。我找到了一个插件(jQuery),它使用户能够将鼠标悬停在带有“事件”类的 td 上,并且将显示一个事件。所以由于这个日历不会被我使用,而是被其他对开发一无所知的人使用,我想知道是否有办法制作 php 文件或上传或其他东西,以便她可以上传活动。我的意思是,假设她想在 3 日举办一个活动,然后她上传一个文件,php 读取它并告诉 javascript 添加该日期的“事件”类,然后 jQuery 完成其余的工作。是否可以?我什至不知道该怎么做,我真的希望我自己解释一下。这是我的javascript顺便说一句。

function buildCal(){
    var d = new Date();
    var month = d.getMonth()+1;
    var year = d.getFullYear();
    var monthName=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];
    var daysInMonth=[31,0,31,30,31,30,31,31,30,31,30,31];

    var objectDay = new Date(year, month-1, 1); //fix date bug when current day is 31st
    objectDay.od=objectDay.getDay()+1; //fix date bug when current day is 31st

    var todaydate=new Date() 
    var scanfortoday=(year==todaydate.getFullYear() && month==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

    daysInMonth[1]=(((objectDay.getFullYear()%100!=0)&&(objectDay.getFullYear()%4==0))||(objectDay.getFullYear()%400==0))?29:28;

    var t='<div class="main"><table class="main" cols="7" cellpadding="0" border="0" cellspacing="0">';
    t+='<h3 class="monthCSS" align="center">'+monthName[month-1]+' - '+year+'</h3><tr align="center">';


    for(s=0;s<7;s++)t+='<td class="daysofweek">'+"DoLuMaMiJuViSa".substr(s*2,2)+'</td>';

    t+='</tr><tr align="center">';
    for(i=2;i<=42;i++){
        var x=((i-objectDay.od>=0)&&(i-objectDay.od<daysInMonth[month-1]))? i-objectDay.od+1 : '&nbsp;';
            if (x==scanfortoday)
                x='<td class="today">'+x+'</td>'
            t+='<td class="days">'+x+'</td>';
        if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
    }
    return t+='</tr></table></div>';
}

正如您在此处看到的,它会添加空格,直到到达实际日期。我试图让它检查 if(x is not a number) 然后添加一个 td class="padding" 但是为此我试图使用 x.match(/[0-9]+/) 但它没有t 似乎有效,这也是我第一次尝试将正则表达式与 javascript 一起使用,有人知道为什么错了吗?或者如何实际检查它?


编辑

这个脚本发生了一些奇怪的事情,我不知道为什么,我试图改变

t+='<td class="days">'+x+'</td>';

t+='<td class="days' + x +'">'+x+'</td>';

这个,所以我可以选择每个 td,但是当我这样做时,会生成一个新的 td,其中包含

<td id="days&lt;td class=" today="">1</td>

我不知道为什么会发生这种情况,我只知道它弄乱了代码,因为之后我得到一个 "> 打印(因为这个新 td 引起的引号不匹配......为什么会这样?

4

2 回答 2

0

我创建的日历系统使用了当月的完整 php 数组。这样您就可以对其进行迭代,并且对于每个相应的空白日期表单元格,该天都有一个空白数组。

例如

$calendar_dates = array(
              [week_1] = array(
                     [sun] = Null
                     [mon] = NULL
                     [tue] = array(
                            [events] = array(
                                    event_id => 'event name'
                                    event_name => ''
                                    event_time => ''
                             )
                     [wed]
                     ...
                 )
              [week_1] => array()
              ...........
  )

我通过从指定的日期和当前周创建一个数组来构建天数数组

然后我点击数据库以获取该范围内的事件

然后循环浏览事件并将它们附加到日历数组。

像魅力一样工作。

要让它与 javascript 一起工作,只需让它在控制日历日的打开和关闭的 html 文件的头部回显一些特定的 javascript。

为您的客户提供一个简单的登录页面,以在 Web 表单中输入/编辑事件。

于 2009-04-01T21:41:17.647 回答
0

听起来您想将事件数据从服务器推送到包含日历的网页。虽然这是可能的,但这很困难,而且通常不值得付出努力。您最好在日历中构建一些 AJAX 并每隔 5 或 10 分钟左右轮询服务器以获取事件更新。这将在新事件上传和它们显示在日历上之间引入一些延迟,但会更容易开发。

于 2009-04-01T23:37:23.360 回答