jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
39 lines (36 loc) • 2.5 kB
HTML
<html lang="en">
<head>
<meta name="keywords" content="jQuery Calendar, Month Calendar, MonthCalendar, DateTimeInput, DateTimePicker, Date Picker" />
<meta name="description" content="The jqxCalendar can hide the other days of the month. To hide the other month days, you need set the showOtherMonthDays property to false. By default, the jqxCalendar displays 42 days which represent the days from the main month and some of the days from the previous and next months." />
<title id='Description'>
The jqxCalendar can hide the other days of the month. To hide the other month days, you need set the showOtherMonthDays property to false. By default, the jqxCalendar displays 42 days which represent the days from the main month and some of the days from the previous and next months.
</title>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<script type="text/javascript" src="../../../scripts/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdatetimeinput.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxcalendar.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxtooltip.js"></script>
<script type="text/javascript" src="../../../jqwidgets/globalization/globalize.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
</head>
<body>
<div id='content'>
<script type="text/javascript">
$(document).ready(function () {
// Create the Calendar.
$("#jqxWidget").jqxCalendar({ width: '220px', height: '220px' });
// set the showWeekNumbers property to true.
$("#jqxWidget").jqxCalendar({ showOtherMonthDays: false });
});
</script>
<div id='jqxWidget'></div>
</div>
<div style="position: absolute; bottom: 5px; right: 5px;">
<a href="https://www.jqwidgets.com/" alt="https://www.jqwidgets.com/"><img alt="https://www.jqwidgets.com/" title="https://www.jqwidgets.com/" src="https://www.jqwidgets.com/wp-content/design/i/logo-jqwidgets.png"/></a>
</div>
</body>
</html>