Javascript 未显示完整日历事件标题
我的日历使用fullcalendar插件。它显示用于创建事件的弹出窗口,但在输入事件标题后,它不会在日历上显示事件标题。此处正在调用renderEvent。请给我一个解决方案Javascript 未显示完整日历事件标题,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我的日历使用fullcalendar插件。它显示用于创建事件的弹出窗口,但在输入事件标题后,它不会在日历上显示事件标题。此处正在调用renderEvent。请给我一个解决方案 var calendar = $('#datepicker'); calendar.fullCalendar ({ defaultView: 'agendaWeek', defaultEventMinutes: 60, aspectRatio: 1.5, selectable: true,
var calendar = $('#datepicker');
calendar.fullCalendar
({
defaultView: 'agendaWeek',
defaultEventMinutes: 60,
aspectRatio: 1.5,
selectable: true,
selectHelper: true,
dayClick: function(date, allDay, jsEvent, view)
{
dialogBox=$("#dialog").dialog({
autoOpen: false,
modal: true,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
},
buttons: {
Ok: function() {
name=$("#name").val();
startTime=$("#time-start").val();
endTime= $("#time-end").val();
calendar.fullCalendar('renderEvent',{title:name, start:startTime,end:endTime ,allDay:allDay},true );
$(this).dialog('close');
},
Cancel: function() {
//createEvent=false;
$(this).dialog('close');
}
},
position: [jsEvent.pageX, jsEvent.pageY]
});
$("#time-start").val($.fullCalendar.formatDate(date, 'hh:mmtt'));
$("#time-end").val($.fullCalendar.formatDate(date, 'hh:mmtt'));
if(jsEvent.title == undefined)
{
$("#name").val("");
}
else
{
$("#name").val(jsEvent.title);
}
dialogBox.dialog("open");
},
eventClick: function(calEvent, jsEvent, view) {
console.log('event click');
},
header:
{
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
editable: true
});
});
html代码
<div class="divCalendar">
<div id="datepicker" style="margin: 35px;"></div>
<div id="dialog" style="display:none" title="Alert">
<div id="dialog-inner">
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all title"><br>
<span class="inline"><input type="text" name="time" id="time-start" class="text ui-widget-content ui-corner-all"></span>
<span class="inline"><input type="text" name="time" id="time-end" class="text ui-widget-content ui-corner-all"></span>
</div>
</div>
这是我的fiddle链接,但页面刷新后弹出窗口在Fiddile中不起作用,事件显示是否正确?我尝试了插件并使用了“可选的.html”页面,在创建事件后立即正确显示事件标题。请再次尝试新的下载。不要欺骗任何人,浪费时间不,它没有(事件标题)什么“标题”你是想得到什么?
jsEvent
没有title
属性。看见