Как пометить «текущее время» в календаре и пользовательских заголовках

Question

До сих пор я был поражен гибкостью FullCalendar , но следующие два элемента застряли у меня;

1. Есть ли способ сделатьтекущее время отображается жирным шрифтом в дневном представлении, где перечислены часы, без излишних взломов?

2. Есть ли способ изменить заголовок элемента календаря, пока он занимает толькозаполнители «переменные», которые заменяются названиями месяцев или аналогичными, но я бы хотел иметь возможность указать для них свой собственный заголовок (это легко сделать, добавив его над элементом, но если его можно добавить внутри, то почему бы и нет, верно?)

Answer 1

Для просмотра # 1 Повестки дня DAY я вижу этот код

<tr class="fc-slot22 ">
  <th class="fc-agenda-axis fc-widget-header">11am</th>
  <td class="fc-widget-content"><div style="position:relative">&nbsp;</div></td>
</tr>
<tr class="fc-slot23 fc-minor">
  <th class="fc-agenda-axis fc-widget-header">&nbsp;</th>
  <td class="fc-widget-content"><div style="position:relative">&nbsp;</div></td>
</tr>
<tr class="fc-slot24 ">
   <th class="fc-agenda-axis fc-widget-header">12pm</th>
   <td class="fc-widget-content"><div style="position:relative">&nbsp;</div></td>
</tr>

, поэтому нам нужно взглянуть на THs:

var nowHours = new Date().getHours(); 
var hourAMPM = (nowHours>12)?(nowHours-12)+"pm":nowHours+"am";
if (nowHours===12) hourAMPM ="12pm";
$("th").removeClass("nowtime");
$("th").contains(hourAMPM).addClass("nowtime");

---

Чтобы # 1 выделил текущий день календаря жирным шрифтомизмените

.fc-state-highlight {
    background: none repeat scroll 0 0 #FFFFCC;
}

на

.fc-state-highlight {
    background: none repeat scroll 0 0 #FFFFCC;
    font-weight: bold;
}

Для # 2 вы можете изменить

<span class="fc-header-title">
<h2>April‌·2011</h2>
</span>

на то, что вы хотите после создания календаря