我正试图从fullcalender.js插件中弹出一个表单。我在引导模式div中有一个表单,我正试图弹出它,填写它,并将详细信息提交到数据库等。
问题是模态不会显示,我已经阅读了像这样的SO链接,并改编了来自这个fiddle我已经复制/粘贴了那个fiddle,它在那里工作,但对我来说不工作,是因为我的页面是.jsp页面还是缺少.js文件而出现问题。
我已经包含了所有的bootstrap和fullcallender.js文件,有什么建议吗?
$('#myModal').modal('show');
这应该行得通吧?但似乎没有
编辑
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"></script>');</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var calendar = $('#calendar').fullCalendar({
header: {
...etc
},
defaultView: 'agendaWeek',
editable: true,
selectable: true,
selectHelper: true,
height: 846,
select: function (start, end, allDay) {
endtime = $.fullCalendar.formatDate(end, 'h:mm tt');
starttime = $.fullCalendar.formatDate(start, 'ddd, MMM d, h:mm tt');
var mywhen = starttime + ' - ' + endtime;
$('#createEventModal #apptStartTime').val(start);
$('#createEventModal #apptEndTime').val(end);
$('#createEventModal #apptAllDay').val(allDay);
$('#createEventModal #when').text(mywhen);
$('#createEventModal').modal('show');
}
});
编辑
我的错误是未捕获类型错误:未定义不是函数
在这条线上
endtime = $.fullCalendar.formatDate(end, 'h:mm tt');
已解决:)
我一直在使用更新版本的fullcalendar.js中更新的方法
endtime = $.fullCalendar.formatDate(end, 'h:mm tt');
starttime = $.fullCalendar.formatDate(start, 'ddd, MMM d, h:mm tt');
当我应该使用这个,
starttime = moment(start).format('ddd, MMM do, h:mma ');
endtime = moment(end).format('ddd, MMM do, h:mma ');
谢谢你的帮助,希望这能帮助到其他人。