0

Im пытается выставить форму из плагина fullcalender.js. У меня есть форма в bootstrap modal div, и я пытаюсь ее всплыть, заполнять и фиксировать данные в базе данных и т. Д.Модальное окно не отобразится с Javascript звонка

Проблема в том, что модальный дисплей не будет отображаться, я прочитал SO links such as this one и адаптировал код от this fiddle Я дошел до того, что копировал/вставлял эту скрипту, которая работает там, но не для меня, есть проблема, потому что моя - это .jsp-страница или мне не хватает файлов .js.

У меня есть все файлы bootstrap и fullcallender .js, какие-либо советы?

$('#myModal').modal('show'); 

Это должно работать правильно? но dosen't, кажется

EDIT

<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'); 
       } 
      }); 

EDIT

моя ошибка является Uncaught TypeError: не определено не является функцией

на этой линии

endtime = $.fullCalendar.formatDate(end, 'h:mm tt'); 
+1

Нам нужно больше кода, чем это, чтобы сказать, если вы что-то пропустили ... И сообщение об ошибке тоже помогло бы. –

+0

'jsp' ??? .. это не javascript –

+0

В IDE нет сообщения об ошибке, он все равно ничего не жалуется, и да @BrettCaswell jsp не является javascript, но немного javascript, запущенный со страницы jsp, что тогда? – Aaron

ответ

0

Решенный :)

Я был методом, который был обновлен в новой версии fullcalender.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 '); 

Спасибо за вашу помощь и надеемся, что это поможет кому-то еще.

Смежные вопросы