2014-10-22 4 views
0

나는 jQueryFull Calendar을 사용하고 이벤트 시간과 함께 clickEvent에 텍스트 필드를 채우려고합니다.clickEvent에서 텍스트 필드를 채우는 방법?

time은 내 Event 모델의 속성 이름입니다.

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
        eventClick: function() { 

          // set value? 
         $('#time').val("<%= @event.time %>"); 


         } 
    }) 

}); 

HTML 소스 :

<article class="blog-post margin-60"> 
<div id="calendar" class="fc fc-ltr"> 
<table class="fc-header" style="width:100%"> 
<tbody> 
<tr> 
<td class="fc-header-left"> 
<span class="fc-header-title"><h2>Oct 20 — 24 2014</h2></span> 
</td> 
<td class="fc-header-center"></td> 
<td class="fc-header-right"> 
<span class="fc-button fc-button-today fc-state-default fc-corner-left fc-corner-right fc-state-disabled" unselectable="on">today</span> 
<span class="fc-header-space"></span> 
<span class="fc-button fc-button-prev fc-state-default fc-corner-left" unselectable="on"><span class="fc-text-arrow">‹</span></span><span class="fc-button fc-button-next fc-state-default fc-corner-right" unselectable="on"> 
<span class="fc-text-arrow">›</span></span></td></tr></tbody></table><div class="fc-content" style="position: relative;"><div class="fc-view fc-view-basicWeek fc-grid" style="position:relative" unselectable="on"> 
<div class="fc-event-container" style="position:absolute;z-index:8;top:0;left:0"> 
<div class="fc-event fc-event-hori fc-event-start fc-event-end" style="position: absolute; left: 3px; width: 147px; top: 24px;"> 
<div class="fc-event-inner"><span class="fc-event-title">08:00:00</span></div> 
</div> 
<div class="fc-event fc-event-hori fc-event-start fc-event-end" style="position: absolute; left: 3px; width: 147px; top: 47px;"> 
... 

나는 무엇을 놓치고?

+0

아마 JS가 이해하는 형식으로 시간을 형식화해야합니다. – zwippie

+1

생성 된 자바 스크립트는 어떻게 브라우저에서 보입니까? – Albin

+0

@Albin HTML을 추가했습니다. – evanx

답변

0
eventClick: function(event) { 
    $('#time').val(event.start); 
} 

참조 용으로 eventClickEvent_Object을 참조하십시오. 기본적으로 당신은 전달한 자바 스크립트 이벤트 객체를 사용합니다. 시간을 얻으려면 약간의 처리가 필요할 것입니다.하지만 너무 어렵지는 않습니다.

관련 문제