My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions

Issue 225 attachment: DataPicker on Fullcalendar.htm (1.1 KB)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script language='Javascript' src='jquery/development-bundle/ui/ui.core.js'></script>
<script language='Javascript' src='jquery/development-bundle/ui/ui.datepicker.js'></script>




<script language='Javascript'>
$(document).ready(function() {

$('#calendar').fullCalendar({
// Custom fullcalendar code
});


var custom_buttons = '<td style="padding-left:10px">'+
'<div class="fc-button-next ui-state-default ui-corner-left ui-corner-right">'+
'<span>'+
'<input type="hidden" id="date_picker" value="">'+
'</span>'+
'</div>'+
'</td>';
$('div.fc-button-today').parent('td').after(custom_buttons);


$("#date_picker").datepicker({
dateFormat: 'dd-mm-yy',
clickInput: true,
showOn: 'button',
buttonImage: 'images/datepicker.png',
buttonImageOnly: true,

onSelect: function(dateText, inst) {
// I don't know if this conversion works, maybe a string parsing is needed
var date = new Date(dateText);
$('#calendar').fullCalendar('gotoDate', date.getFullYear(), date.getMonth(), date.getDate());
}
});
}
</script>
Powered by Google Project Hosting