Packages
nitro
11.4.14
11.4.16
11.4.15
11.4.14
9.9.7
9.9.6
8.2.4
8.2.3
8.2.2
8.2.1
8.2.0
7.12.1
7.10.0
7.9.3
7.9.2
7.9.1
7.9.0
7.8.3
7.8.2
7.8.0
7.7.1
7.7.0
7.6.2
7.6.1
7.6.0
7.5.0
7.4.2
7.4.1
7.4.0
7.2.1
7.2.0
7.1.1
7.1.0
6.12.0
6.11.11
6.11.10
6.11.9
6.11.8
6.11.7
6.11.6
6.11.4
6.11.2
6.11.1
6.10.9
6.10.8
6.10.7
6.10.6
6.10.5
6.10.4
6.10.3
6.10.2
6.10.1
6.9.1
6.6.1
6.5.0
6.4.4
6.4.3
6.4.2
6.4.1
6.4.0
5.12.4
5.12.3
5.12.2
5.12.1
5.12.0
5.11.1
5.11.0
5.9.2
5.9.1
5.8.5
5.8.4
5.8.3
5.8.1
5.8.0
5.6.1
5.5.1
5.4.3
5.4.2
5.4.1
5.3.1
5.3.0
5.2.1
5.1.7
5.1.6
5.1.5
5.1.4
5.1.3
5.1.2
5.1.1
4.12.11
4.12.10
4.12.9
4.12.8
4.12.7
4.12.6
4.12.5
4.12.4
4.12.3
4.12.2
4.12.1
4.12.0
4.11.13
4.11.12
4.11.11
4.11.10
4.11.9
4.11.8
4.11.7
4.11.6
4.11.5
4.11.4
4.11.3
4.11.2
4.11.1
4.11.0
4.10.9
4.10.8
4.10.7
4.10.6
4.10.5
4.10.4
4.10.3
4.10.2
4.10.1
4.10.0
4.7.7
4.7.4
4.7.3
4.7.2
4.7.1
4.7.0
4.4.1
4.4.0
1.4.0
NITRO Nitrogen Web Framework
Current section
Files
Jump to
Current section
Files
man/nx_calendar.htm
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Maxim Sokhatsky" />
<title>CALENDAR</title>
<link rel="stylesheet" href="https://n2o.dev/blank.css" />
<link rel="stylesheet" href="https://n2o.dev/zima.css" />
</head>
<body>
<nav>
<a href="https://n2o.dev">DEV</a>
<a href="https://nitro.n2o.dev">NX</a>
<a href="#" style="background:#ededed;">CALENDAR</a>
<div class="dropdown">
<a onclick="drop()" class="dropbtn">EN</a>
<div id="dropdown" class="dropdown-content">
<a href="https://n2o.dev/ua/deps/nitro/man/nx_calendar.htm">UA</a>
<a href="#">EN</a>
</div>
</div>
</nav>
<header>
<a href="../index.html"><img src="https://openmoji.org/data/color/svg/1F525.svg" /></a>
<h1>CALENDAR</h1>
</header>
<main>
<section>
<h3>INTRO</h3>
<p>The CALENDAR module provides a refreshing zero-dependency
JavaScript datepicker <a href="https://github.com/Pikaday/Pikaday">Pikaday</a>.</p>
</section>
<section>
<h3>ERLANG</h3>
<figure><code>
-record(calendar, { ?nx_BASE(nx_calendar2),
autocomplete=true,
autofocus=false,
disabled=false,
form=[],
list=[],
maxDate={2021,2,2},
minDate,
format="DD.MM.YYYY",
pattern=[],
name=[],
step=[],
readonly=[],
required=[],
value={2020,2,2},
placeholder=[],
onSelect=[],
disableDayFn=[],
position=[],
reposition=[],
yearRange=100}).
</code></figure>
</section>
<section>
<h3>HTML5</h3>
<figure><code>
> :erlang.iolist_to_binary(:nitro.render(NITRO.calendar(id: :cal)))
"<input type=\"calendar\"/>"
> :erlang.iolist_to_binary(:nitro.render(:nitro.actions))
"pickers['cal'] = new Pikaday({
field: document.getElementById(''),
firstDay: 0,
i18n: clLangs.ua,
defaultDate: new Date(2021, 10, 7),
setDefaultDate: false,
minDate: null,
maxDate: new Date(2020,10,10),
format: 'DD.MM.YYYY',
onSelect: null,
disableDayFn: null,
position: 'bottom left',
reposition: true,
yearRange: 100});
</code></figure>
</section>
<section>
<h3>UI</h3>
<figure><img src="img/calendar.png" width="320"/></figure>
</section>
<section>
<p>This module may refer to: <b>nitro</b>.</p>
</section>
</main>
<footer>2005—2021 © Synrc Research Center</footer>
<script>function drop(){document.getElementById("dropdown").classList.toggle("show");}</script>
</body></html>