Javascript “全日历展”;“结束日期”;休息一天
全天日历显示“结束日期”休息一天Javascript “全日历展”;“结束日期”;休息一天,javascript,json,fullcalendar,Javascript,Json,Fullcalendar,全天日历显示“结束日期”休息一天 json是1月12日至16日,但日历显示的是12日至15日 这是密码 var calCon = $('.cal'); calCon.fullCalendar({ prev: 'left-single-arrow', firstDay: 1, weekends:true, weekNumbers:true, ignoreTimezone:false, allDayDefault:true, weekNumbe
json是1月12日至16日,但日历显示的是12日至15日 这是密码
var calCon = $('.cal');
calCon.fullCalendar({
prev: 'left-single-arrow',
firstDay: 1,
weekends:true,
weekNumbers:true,
ignoreTimezone:false,
allDayDefault:true,
weekNumberCalculation:"ISO",
defaultView:"basicWeek",
timeFormat: 'H(:mm)',
events: {
url: "/calendarjson.xsp",
cache: false
}
})
这里是json
[{"color":"#3a87ad","id":"123","allday":"1","url":"/...","end":"2015-01-16T10:00:00.0+0100","start":"2015-01-12T09:00:00.0+0100","title":"Thomas Adrian"}]
我使用allDayDefault是因为时间不重要。我做错了什么 我正在使用最新的FullCalendar 2.2.5
我试图更改时间,但仍然是相同的FullCalendar.js使用独占的结束时刻。文件上说是这样的。这意味着事件的结束时刻不属于从开始到结束的时间间隔,而是在该时间间隔之后标记时间点 这里重要的一点是,您将allDay的默认值设置为true。您使用
2015-01-16T10:00:00.0+0100
作为事件的端点。但全天活动不会在fullCalendar内部保留时间信息。它去掉了时间,只保留了日期。您使用2015-01-16T10:00:00.0+0100
作为端点。时间被剥离,结束被排他,结果是2015-01-15T23:59:59.0+0100
,您在完整日历中看到的结果是什么。您应该使用2015-01-17T00:00:00.0+0100
作为全天活动的结束,以使活动持续到1月16日23:59:59 在CS文件中:
//HolidayList是具有属性ID、描述、开始和结束的类
SqlDataReader reader = SqlHelper.ExecuteReader(ConnStr, CommandType.StoredProcedure, "NameOfStoredProcedure");
if (reader.HasRows)
{
Holiday_List itemObj = null;
DateTime start, end;
while (reader.Read())
{
itemObj = new Holiday_List();
itemObj.holiday_Id = Convert.ToInt16(reader["holidayID"]);
itemObj.description = reader["description1"].ToString();
if (reader["date1"] != DBNull.Value)
{
date = Convert.ToDateTime(reader["date1"]);
start = date.AddDays(1);
itemObj.date1 = start;
}
result.Add(itemObj);
}
}
return result;
在CSHTML中:
$.ajax({
type: "POST",
url: '@Url.Action("ActionMethodName", "Controller")',
contentType: false,
processData: false,
success: function (result) {
if (result != null) {
$.each(result, function (index, optiondata) {
alert(optiondata.date1 + ' ' + optiondata.enddate)
holidayList.push({
"title": optiondata.description,
"start": optiondata.startdate,
});
});
if (holidayList.length > 0) {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek'
},
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
events: holidayList,
displayEventTime: false
});
}
}
}
});