2
base: '../../../../build/',
5
}).use('calendar-base', function(Y) {
8
Y.CalendarBase.CONTENT_TEMPLATE = '<div class="yui3-g {calendar_pane_class}" id="{calendar_id}">' +
10
'<div class="yui3-u-1-3">' +
11
'{calendar_grid_template}' +
13
'<div class="yui3-u-1-3">' +
14
'{calendar_grid_template}' +
16
'<div class="yui3-u-1-3">' +
17
'{calendar_grid_template}' +
19
'<div class="yui3-u-1-3">' +
20
'{calendar_grid_template}' +
22
'<div class="yui3-u-1-3">' +
23
'{calendar_grid_template}' +
25
'<div class="yui3-u-1-3">' +
26
'{calendar_grid_template}' +
28
'<div class="yui3-u-1-3">' +
29
'{calendar_grid_template}' +
31
'<div class="yui3-u-1-3">' +
32
'{calendar_grid_template}' +
34
'<div class="yui3-u-1-3">' +
35
'{calendar_grid_template}' +
37
'<div class="yui3-u-1-3">' +
38
'{calendar_grid_template}' +
40
'<div class="yui3-u-1-3">' +
41
'{calendar_grid_template}' +
43
'<div class="yui3-u-1-3">' +
44
'{calendar_grid_template}' +
49
var calendar = new Y.CalendarBase({
50
contentBox: "#mycalendar",
55
date: new Date(2029, 11)}).render();
58
var curDate = calendar.get("date");
60
calendar.set("headerRenderer", function (curDate) {
61
var ydate = Y.DataType.Date,
62
output = ydate.format(curDate, {format: "%B, %Y"}) +
64
ydate.format(ydate.addMonths(curDate, calendar._paneNumber-1), {format: "%B, %Y"});
65
console.log("Output: " + output);
69
Y.one("#updateCalendar").on('click', function () {
70
curDate = new Date(1950 + Math.round(Math.random()*100),
71
Math.round(Math.random()*12.49), 1);
72
calendar.set('date', curDate);
73
Y.one("#currentDate").setContent(calendar.get("date").toString());
76
Y.one("#togglePrevMonth").on('click', function () {
77
calendar.set('showPrevMonth', !(calendar.get("showPrevMonth")));
79
Y.one("#toggleNextMonth").on('click', function () {
80
calendar.set('showNextMonth', !(calendar.get("showNextMonth")));
83
Y.one("#toggleSelection").on('click', function () {
84
calendar.select(new Date (curDate.getFullYear(), curDate.getMonth(), 23));