模式窗口不会从Javascript调用中显示



我正试图从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 ');

谢谢你的帮助,希望这能帮助到其他人。

相关内容

  • 没有找到相关文章

最新更新