simple-jscalendar
Version:
Just a simple javascript calendar
53 lines (43 loc) • 1.46 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>jsCalendar</title>
<meta name="description" content="jsCalendar example">
<meta name="author" content="GramThanos">
<!-- jsCalendar -->
<link rel="stylesheet" type="text/css" href="../source/jsCalendar.css">
<script type="text/javascript" src="../source/jsCalendar.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- Custom month format -->
<div class="auto-jsCalendar"
data-month-format="month YYYY"></div>
<!-- Custom month format -->
<div class="auto-jsCalendar"
data-month-format="##/YYYY"></div>
<!-- Dynamic calendar element -->
<div id="dynamic-calendar"></div>
<!-- Create the calendar -->
<script type="text/javascript">
// Create the calendar
var calendar = jsCalendar.new("#dynamic-calendar", 'now', {
monthFormat : 'month (##/YYYY)'
});
</script>
<!-- Dynamic calendar element -->
<div id="dynamic-calendar-2"></div>
<!-- Create the calendar -->
<script type="text/javascript">
// Create the calendar
var calendar = jsCalendar.new("#dynamic-calendar-2", 'now', {
onMonthRender : function(month_index, month_element, month_info) {
month_element.textContent = this._now.toLocaleDateString('th-TH', {month: 'short', year: 'numeric'});
}
});
</script>
</body>
</html>