jquery - 设置表格单元格的单击值

Question

我创建了一个自定义日历，基本上只是为该月的每一天创建一个表格单元格。

我想做的是，当用户点击特定日期时，显示一个弹出窗口(将加载一个单独的页面)，其中显示该选定日期的所有事件。

但是我不确定如何设置所选日期的值，以便我可以将其传递到弹出页面。

这是我现在所拥有的:

<td align="center" valign="middle" width="26" height="27s" 
     class="lightBlue dayPopup" style="cursor: pointer;" 
     onMouseOver="javascript:this.className='lightBlueH';
                  document.getElementById('#Request.calID#day#Day(Variables.cellDate)#').style.visibility='visible';"
     onMouseOut="javascript:this.className='lightBlue';
                 document.getElementById('#Request.calID#day#Day(Variables.cellDate)#').style.visibility='hidden';"
     onClick="setDate(#Variables.cellDate#);" id="#Variables.cellDate#">

JQuery 代码:

$("##setDate").click(function(date) {
        var viewDate = date;
    }); 

然后，我设置一个变量，将 URL 传递给控制弹出窗口的函数。

有人可以指出我在尝试设置所选日期的值时出错的正确方向吗？

Answer 1

您需要利用“this”的力量，在下面的代码中它将引用被单击的单元格。

$("td.yourCalendarCells").click(function() {
            var viewDate =     getDateFromCell(this);   
    }); 


function getDateFromCell(cell){
     return $(cell).attr('id')
}

我不确定您的 Id 属性采用什么格式或如何存储 viewDate，因此您可能需要在 getDatefromCell 中执行更多操作才能返回日期，但您现在应该有足够的能力来解决此问题。