deac/fullcalendar
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

moved selectable into own plugin file. selectable bugfixes

Browse source
This commit is contained in:
Adam Shaw 2010-05-02 21:47:23 -07:00
parent b75d05c6d5
commit 1b24a5f63b
8 changed files with 434 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

56
examples/selectable.html
View file

@ -14,6 +14,7 @@
<script type='text/javascript' src='../src/agenda.js'></script>
<script type='text/javascript' src='../src/view.js'></script>
<script type='text/javascript' src='../src/util.js'></script>
<script type='text/javascript' src='../src/selectable.js'></script>
<!--</src>-->
<!--
<dist>
@ -23,6 +24,7 @@
<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
<script type='text/javascript' src='../jquery/ui.resizable.js'></script>
<script type='text/javascript' src='../fullcalendar.min.js'></script>
<script type='text/javascript' src='../selectable.js'></script>
</dist>
-->
<script type='text/javascript'>
@ -34,36 +36,38 @@
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
/********** new selecting options **********/
selectable: true, // activate selecting!
unselectable: false, // automatically hide the selection when user clicks elsewhere? (defaults to true)
selectHelper: true, // use a "fake" event for selecting? (only works in agenda views right now)
select: function(start, end, allDay, view) {
alert(
'---- selection ----\n' +
'start: ' + start + '\n' +
'end: ' + end + '\n' + // exclusive!!
'allDay: ' + allDay
);
if (confirm("clear the selection?")) {
$('#calendar').fullCalendar('unselect'); // 'unselect' method to manually clear selection
// a 'select' method coming soon...
}
},
unselect: function() {
//console.log('unselected');
},
/******************************************/
editable: true,
/********** new selecting options **********/
selectable: true, // activate selecting!
unselectable: true, // automatically hide the selection when user clicks elsewhere? (defaults to true)
selectHelper: true, // use a "fake" event for selecting? (only works in agenda views right now)
select: function(start, end, allDay, view) {
console.log(
'---- selection ----\n' +
'start: ' + start + '\n' +
'end: ' + end + '\n' + // exclusive!!
'allDay: ' + allDay
);
/*
if (confirm("clear the selection?")) {
$('#calendar').fullCalendar('unselect'); // 'unselect' method to manually clear selection
// a 'select' method coming soon...
}
*/
},
unselect: function() {
console.log('unselected');
},
/******************************************/
events: [
{
@ -135,4 +139,4 @@
<body>
<div id='calendar'></div>
</body>
</html>
</html>