설정 값 onClick 테이블 셀

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 속성이있는 어떤 형식 확실하지 않다거나 다시 날짜를 반환하는 getDatefromCell 더 조금 수행해야 할 수 있습니다, 그래서 당신은 viewDate를 저장하는 방법,하지만 당신은 일을 충분히해야한다 이젠 나가.

Answer 2

주로 날짜를 팝업 페이지로 보내 해당 날짜의 일정을 표시하려고합니다. 그것의 아주 쉬운 당신은 요소에 부착 된 DETE/시간을 유지하기위한 http://jsfiddle.net/DQ3Bm/

즉

사용 태그에 사용 된 접근을하지만 여전히 사용자에게 날짜 부분 만 표시 할 수 있습니다 .

<table class="event-calendar"> 
    <tr> 
     <td> 
      <time datetime="2013-01-01">1</time> 
     </td> 
     <td> 
      <time datetime="2013-01-02">2</time> 
     </td> 
    </tr> 
</table> 

는 그 다음 td에 '는의 팝업 URL을 참고하시기 바랍니다

$(document).ready(function(){ 
    $(".event-calendar td").click(function(){ 
     alert($(this).find("time").attr("datetime")); 

    }); 
});