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

Как сгенерированный javascript выглядит в браузере? – Albin

+0

@Albin Я добавил HTML. – evanx

ответ

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

См eventClick и Event_Object для справки. В основном вы используете объект события javascript, в котором вы проходили. Вам нужно будет сделать некоторую обработку, чтобы получить час, но это не должно быть слишком сложно.

Смежные вопросы