';

evtcontent = evtcontent + confbg;

//evtcontent = evtcontent + '' + fstart + " - " + fend + event.fullname + '';

evtcontent = evtcontent + '' + event.fullname + '';

element.html(evtcontent);

} else if (view.name == "agendaWeek") {//按周

var evtcontent = '

evtcontent = evtcontent + confbg;

evtcontent = evtcontent + '' + fstart + "-" + fend + '';

evtcontent = evtcontent + '' + event.fullname + '';

element.html(evtcontent);

} else if (view.name == "agendaDay") {//按日

var evtcontent = '

evtcontent = evtcontent + confbg;

evtcontent = evtcontent + '' + fstart + " - " + fend + '';

element.html(evtcontent);

}

},

//#endregion

//#region 鼠标放上去显示信息

eventMouseover: function (calEvent, jsEvent, view) {

//var fstart = $.fullCalendar.formatDate(calEvent.start, "yyyy/MM/dd HH:mm");

//var fend = $.fullCalendar.formatDate(calEvent.end, "yyyy/MM/dd HH:mm");

//$(this).attr('title', fstart + " - " + fend + " " + calEvent.fullname); 鼠标悬浮到title的时候可以设置展现哪些信息

$(this).attr('title', calEvent.fullname);

$(this).css('font-weight', 'normal');

// $(this).tooltip({

// effect: 'toggle',

// cancelDefault: true

// });

},

eventClick: function (event) {

},

events: [],

//#endregion

editable: true,

droppable: true, // this allows things to be dropped onto the calendar !!!

drop: function (date, allDay) { // this function is called when something is dropped

// retrieve the dropped element's stored Event Object

var originalEventObject = jQuery(this).data('eventObject');

// we need to copy it, so that multiple events don't have a reference to the same object

var copiedEventObject = jQuery.extend({}, originalEventObject);

// assign it the date that was reported

copiedEventObject.start = date;

copiedEventObject.allDay = allDay;

// render the event on the calendar

// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)

jQuery('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

// is the "remove after drop" checkbox checked?

jQuery(this).remove();

}

});

四：通过一般处理程序返回需要的json数据

首先新增任务类 Task：

///

/// 任务类

///

public class Task

{

public int ID { get; set; }

///

/// 任务名称

///

public string Name { get; set; }

///

/// 内容

///

public string Content { get; set; }

///

/// 开始时间

///

public DateTime StartDate { get; set; }

///

/// 结束时间

///

public DateTime EndDate { get; set; }

}

一般处理程序ViewData中返回Json数据：

public void ProcessRequest(HttpContext context)

{

//测试数据

List tasks = new List() {

new Task(){ ID=1,Name="任务1",Content="修改某处Bug",StartDate=new DateTime(2015,12,16,08,32,33),EndDate=new DateTime(2015,12,16,11,27,33)},

new Task(){ ID=2,Name="任务2",Content="与刘总开会讨论需求分析",StartDate=new DateTime(2015,12,09,18,32,33),EndDate=new DateTime(2015,12,09,19,27,33)},

new Task(){ ID=3,Name="任务3",Content="代码上传与整理",StartDate=new DateTime(2015,12,17,13,32,33),EndDate=new DateTime(2015,12,17,17,27,33)},

new Task(){ ID=4,Name="任务4",Content="上线测试",StartDate=new DateTime(2015,12,30,15,32,33),EndDate=new DateTime(2015,12,15,17,27,33)},

new Task(){ ID=5,Name="任务5",Content="代码上传与整理",StartDate=new DateTime(2015,12,07,13,32,33),EndDate=new DateTime(2015,12,07,17,27,33)}

};

JavaScriptSerializer jss = new JavaScriptSerializer();

List> gas = new List>();

foreach (var entity in tasks)

{

Dictionary drow = new Dictionary();

drow.Add("id", entity.ID);

drow.Add("title", string.Format("任务名称：{0}", entity.Name));

drow.Add("start", ReturnDate(entity.StartDate));

drow.Add("end", ReturnDate(entity.EndDate)); //鼠标悬浮上展现的是这个属性信息，可以自己设置

drow.Add("fullname", string.Format("任务名称：{0}", entity.Name));

drow.Add("allDay", false);

gas.Add(drow);

}

context.Response.Write(jss.Serialize(gas));

}

#region 时间输出格式

///

/// 时间按照此格式传输

///

///

///

private string ReturnDate(DateTime? date)

{

string str = string.Empty;

string time = Convert.ToString(date);

string[] split = time.Split(' ');

string viewDate = split[0].Split('/')[0] + "-" + AddZero(split[0].Split('/')[1]) + "-" + AddZero(split[0].Split('/')[2]);

string viewTime = AddZero(split[1].Split(':')[0]) + ":" + AddZero(split[1].Split(':')[1]) + ":" + AddZero(split[1].Split(':')[2]);

str = viewDate + "T" + viewTime;

return str;

}

///

/// 判断数字前面是否加0

///

///

///

private string AddZero(string str)

{

if (str.Length == 1)

return "0" + str;

else

return str;

}

#endregion

下面是效果图：

鼠标放到title的效果：

以上内容是小编给大家分享的FullCalendar日历插件应用之数据展现(一)的全部叙述，希望大家喜欢。