fullcalendar显示出勤日,fullcalendar当前时间线在周视图和日视图

I understand that according to this issue ticket on google code http://code.google.com/p/fullcalendar/issues/detail?id=143 that there is a soloution floating around, however I cant seem to find it.

I am wondering if anyone knows how to show a red solid line on the current time on the calendar

解决方案function setTimeline(view) {

var parentDiv = jQuery(".fc-agenda-slots:visible").parent();

var timeline = parentDiv.children(".timeline");

if (timeline.length == 0) { //if timeline isn't there, add it

timeline = jQuery("

---

").addClass("timeline");

parentDiv.prepend(timeline);

}

var curTime = new Date();

var curCalView = jQuery("#calendar").fullCalendar('getView');

if (curCalView.visStart < curTime && curCalView.visEnd > curTime) {

timeline.show();

} else {

timeline.hide();

return;

}

var curSeconds = (curTime.getHours() * 60 * 60) + (curTime.getMinutes() * 60) + curTime.getSeconds();

var percentOfDay = curSeconds / 86400; //24 * 60 * 60 = 86400, # of seconds in a day

var topLoc = Math.floor(parentDiv.height() * percentOfDay);

timeline.css("top", topLoc + "px");

if (curCalView.name == "agendaWeek") { //week view, don't want the timeline to go the whole way across

var dayCol = jQuery(".fc-today:visible");

var left = dayCol.position().left + 1;

var width = dayCol.width()-2;

timeline.css({

left: left + "px",

width: width + "px"

});

}

}

And then in the setup:

viewDisplay: function(view) {

try {

setTimeline();

} catch(err) {}

},

and in the css:

.timeline {

position: absolute;

left: 59px;

border: none;

border-top: 1px solid red;

width: 100%;

margin: 0;

padding: 0;

z-index: 999;

}

Only tried this on week-view since that's all I use.

Good luck.

Edit:

To get the timeline to update during the day you could try something like this in the viewDisplay:

viewDisplay: function(view) {

if(first){

first = false;

}else {

window.clearInterval(timelineInterval);

}

timelineInterval = window.setInterval(setTimeline, 300000);

try {

setTimeline();

} catch(err) {}

},

You will need to set first=true in the top of the tag. This will move the timeline every 300 second = 5 minutes. You can lower it if you need it more smooth..