2014-10-22 38 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 2014-10-22 11:54:39

+1

生成的javascript在浏览器中的外观如何? – Albin 2014-10-22 11:57:40

+0

@Albin我添加了HTML。 – evanx 2014-10-22 14:28:32

回答

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

请参阅eventClickEvent_Object作为参考。基本上你使用你传入的javascript事件对象。你需要做一些处理来获得小时,但这不应该太难。