two-calendars.html revision a9a4fee30864f00049b02201b1af50ada7f769e3
335N/A<!doctype html>
335N/A<html>
335N/A<head>
335N/A <title>Calendar Example</title>
335N/A <script type="text/javascript" src="/build/yui/yui.js"></script>
335N/A<style>
335N/A.yui3-skin-sam .redtext {
335N/A color:#ff0000;
335N/A}
335N/A</style>
335N/A</head>
335N/A<body class="yui3-skin-sam">
335N/A<div id="firstcalendar"></div>
335N/A<div id="secondcalendar"></div>
335N/A<div id="currentDate"></div>
335N/A
335N/A<script>
335N/AYUI({
335N/Abase: '/build/',
335N/A filter: "raw"
335N/A}).use('calendar', function(Y) {
335N/A
335N/A
335N/A var calendarone = new Y.Calendar({
335N/A showNextMonth: true,
335N/A showPrevMonth: true,
335N/A selectionMode: "multiple",
335N/A date: new Date(2011,10,1),
335N/A width:'300px'});
335N/A
335N/A calendarone.render("#firstcalendar");
335N/A
493N/A var calendartwo = new Y.Calendar({
335N/A showNextMonth: true,
335N/A showPrevMonth: true,
335N/A selectionMode: "multiple",
493N/A date: new Date(2015,10,1),
335N/A width:'300px'});
335N/A
493N/A calendartwo.render("#secondcalendar");
335N/A
335N/A
335N/A});
335N/A</script>
335N/A</body>
335N/A</html>
335N/A