0
我使用jQuery
Full 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;">
...
我缺少什麼?
也許你必須將時間格式化爲JS理解的格式。 – zwippie 2014-10-22 11:54:39
生成的javascript在瀏覽器中的外觀如何? – Albin 2014-10-22 11:57:40
@Albin我添加了HTML。 – evanx 2014-10-22 14:28:32