2

我正在使用来自 jQuery UI 和 FullCalendar 的对话框

我的对话框正确打开,但是当它在我的日历上时,就像对话框作为可拖动对象集成到日历中一样。我有一个可拖放的日历。如果我在日历中获得 dialogWindow,它会将其作为一个对象。

我的对话:

$('#exercisechoise').dialog({

  resizable: false,
  autoOpen: false,
  title: 'Chouse Session',
  width: 500,
  modal: true,
  buttons:{
  Save: function(){

  },
  Cancel: function(){

  }
  } 
});
$("#exercisechoise").dialog("option","title", 'Chose session');
$("#exercisechoise").dialog('open');

完整日历:

$('#calendar').fullCalendar({
  theme: true,
  firstDay: 1,
  header: {
     left: 'today prev,next',
     center: 'title',
     right: 'month,agendaWeek,agendaDay'
  },
  defaultView: 'agendaWeek',
  minTime: '06:00',
  maxTime: '22:00',
  allDaySlot: false,
  axisFormat: 'HH:mm',
  columnFormat: {
     month: 'ddd',
     week: 'ddd dd/MM',
     day: 'dddd M/d'
  },
  timeFormat: {  // uppercase H for 24-hour clock
     month: 'H:mm{ - H:mm}',
     week: 'H(:mm){ - H:mm}',
     agenda: 'H:mm{ - H:mm}'
  },
  eventSources: ['exercise/xhrGetListings/'+userid],

  droppable: true,
......

html标头:

<link rel="stylesheet" href="<?php echo URL; ?>/temp/jquery-ui-1.9.2.le/css/le-frog/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" href="<?php echo URL; ?>menumaster/fg.menu.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script>
<script type="text/javascript" src="<?php echo URL; ?>/public/js/timepicker.js"></script>
<script type="text/javascript" src="<?php echo URL; ?>/fullcalendar/fullcalendar.js"></script>

对话框和全日历

任何想法如何解决这个问题?

4

0 回答 0