Select Git revision
296.html 3.86 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>new month calendar control #296</title>
<script src="./296.mjs" type="module"></script>
</head>
<body>
<h1>new month calendar control #296</h1>
<p></p>
<ul>
<li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/296">Issue #296</a></li>
<li><a href="/">Back to overview</a></li>
</ul>
<monster-datasource-dom id="menu-dom">
<script type="application/json">
[
{
"id": "1",
"startDate": "2025-03-11",
"endDate": "2025-04-05",
"color": "#df0fb6"
},
{
"id": "2",
"startDate": "2025-03-13",
"endDate": "2025-03-15",
"color": "#ffffff"
},
{
"id": "3",
"startDate": "2025-03-12",
"endDate": "2025-03-20",
"color": "#ec4c6e"
},
{
"id": "4",
"startDate": "2025-03-25",
"endDate": "2025-03-27",
"color": "#a32408"
},
{
"id": "5",
"startDate": "2025-03-28",
"endDate": "2025-03-30",
"color": "#f7f7f7"
},
{
"id": "6",
"startDate": "2025-03-31",
"endDate": "2025-04-02",
"color": "#f7f7f7"
},
{
"id": "7",
"startDate": "2025-04-01",
"endDate": "2025-04-03",
"color": "#888888"
},
{
"id": "8",
"startDate": "2025-03-04",
"endDate": "2025-04-06",
"color": "#777777"
},
{
"id": "9", "startDate": "2025-03-04",
"endDate": "2025-04-09",
"color": "#666666"
},
{
"id": "10",
"startDate": "2025-03-04",
"endDate": "2025-04-12",
"color": "#333333"
},
{
"id": "11",
"startDate": "2025-03-04",
"endDate": "2025-04-15",
"color": "#f70022"
},
{
"id": "12",
"startDate": "2025-03-04",
"endDate": "2025-04-18",
"color": "#ff3322"
},
{
"id": "13",
"startDate": "2025-03-04",
"endDate": "2025-04-21",
"color": "#0000ff"
},
{
"id": "14",
"startDate": "2025-03-04",
"endDate": "2025-04-24",
"color": "#00ff00"
},
{
"id": "15",
"startDate": "2025-03-04",
"endDate": "2025-04-27",
"color": "#ff0000"
}
]
</script>
</monster-datasource-dom>
<main style="width: 800px;
margin: 0 auto;">
<monster-month-calendar
data-monster-option-datasource-selector="#menu-dom"
data-monster-option-startdate="2025-03-11">
</monster-month-calendar>
</main>
</body>
</html>