jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
49 lines (40 loc) • 2.21 kB
HTML
<html>
<head>
<meta name="keywords" content="Typescript Calendar, Month Calendar, MonthCalendar, DateTimeInput, DateTimePicker, Date Picker" />
<meta name="description" content="This Typescript demo demonstrates how to work with the Calendar widget." />
<title id='Description'>
This Typescript demo demonstrates the Calendar widget. Choose a date
and navigate through the months by clicking the left or right navigation arrows.
The jqxCalendar has built-in Keyboard navigation so you can click on it and navigate
by using the left, right, up or down arrow keys. To switch to Year and Decade views, you need to click the Calendar's title. TypeScript example.
</title>
<!-- 1. Load references -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script src="../../../scripts/jquery-1.11.1.min.js"></script>
<script src="../../../jqwidgets/jqxcore.js"></script>
<script src="../../../jqwidgets/jqxdraw.js"></script>
<script src="../../../jqwidgets/jqxdatetimeinput.js"></script>
<script src="../../../jqwidgets/jqxcalendar.js"></script>
<script src="../../../jqwidgets/jqxtooltip.js"></script>
<script src="../../../jqwidgets/globalization/globalize.js"></script>
<script src="typescript-calendar.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
<!-- 2. Create initialization -->
<script>
$(document).ready(function () {
createCalendar('#container');
});
</script>
</head>
<!-- 3. Display the application -->
<body>
<div class="example-description">
This Typescript demo demonstrates the Calendar widget. Choose a date
and navigate through the months by clicking the left or right navigation arrows.
The jqxCalendar has built-in Keyboard navigation so you can click on it and navigate
by using the left, right, up or down arrow keys. To switch to Year and Decade views, you need to click the Calendar's title. TypeScript example.
</div>
<div id="container"></div>
</body>
</html>