|
|
@@ -4,6 +4,7 @@
|
|
|
<link href='../dist/fullcalendar.css' rel='stylesheet' />
|
|
|
<link href='../dist/fullcalendar.print.css' rel='stylesheet' media='print' />
|
|
|
<script src='../lib/jquery/dist/jquery.js'></script>
|
|
|
+<script src='../lib/jquery-ui/jquery-ui.js'></script>
|
|
|
<script src='../lib/moment/moment.js'></script>
|
|
|
<script src='../dist/fullcalendar.js'></script>
|
|
|
<script>
|
|
|
@@ -87,6 +88,8 @@
|
|
|
revertDuration: 0,
|
|
|
zIndex: 999
|
|
|
});
|
|
|
+
|
|
|
+ $('#sortable-events').sortable();
|
|
|
|
|
|
$('#calendar2').fullCalendar({
|
|
|
//isRTL: true,
|
|
|
@@ -126,7 +129,7 @@
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
- #external-events {
|
|
|
+ #external-events, #sortable-events {
|
|
|
position: relative;
|
|
|
left: 50px;
|
|
|
text-align: left;
|
|
|
@@ -137,7 +140,7 @@
|
|
|
background: #ccc;
|
|
|
}
|
|
|
|
|
|
- .external-event {
|
|
|
+ .external-event, .sortable-event {
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
color: #fff;
|
|
|
@@ -161,6 +164,11 @@
|
|
|
<div class='external-event'>Draggable 2</div>
|
|
|
<div class='external-event for-calendar2'>Draggable 3</div>
|
|
|
</div>
|
|
|
+<div id='sortable-events'>
|
|
|
+ <div class='sortable-event'>Sortable 1</div>
|
|
|
+ <div class='sortable-event'>Sortable 2</div>
|
|
|
+ <div class='sortable-event for-calendar2'>Sortable 3</div>
|
|
|
+</div>
|
|
|
<div style='clear:both'></div>
|
|
|
<div id='calendar2'></div>
|
|
|
</body>
|