aboutsummaryrefslogtreecommitdiffstats
path: root/demos/calendar/multiple-months.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/calendar/multiple-months.html')
-rw-r--r--demos/calendar/multiple-months.html24
1 files changed, 24 insertions, 0 deletions
diff --git a/demos/calendar/multiple-months.html b/demos/calendar/multiple-months.html
new file mode 100644
index 000000000..f83da1f82
--- /dev/null
+++ b/demos/calendar/multiple-months.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>jQuery UI Calendar - Display multiple months</title>
+ <link rel="stylesheet" href="../../themes/base/all.css">
+ <link rel="stylesheet" href="../demos.css">
+ <script src="../../external/requirejs/require.js"></script>
+ <script src="../bootstrap.js">
+ $( "#calendar" ).calendar({
+ numberOfMonths: 3
+ });
+ </script>
+</head>
+<body>
+
+<div id="calendar"></div>
+
+<div class="demo-description">
+<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single calendar.</p>
+</div>
+</body>
+</html>