renovations

archive/widget-tasks/7-calendar/task.md

@@ -0,0 +1,46 @@
+# Календарь
+
+[importance 5]
+
+Создайте календарь.
+
+Конструктор:
+
+```js
+var calendar = new Calendar({ 
+  year: 2012, // календарь для года 2012
+  month: 2  // месяц - март (нумерация с нуля!)
+});
+```
+
+События:
+<ul>
+<li>`select` -- при изменении даты.</li>
+</ul>
+Публичные методы:
+<ul>
+<li>`setValue(date, quiet)` -- устанавливает дату `date`. Если второй аргумент `true`, то событие не генерируется.</li>
+<li>`getElement()` -- возвращает DOM-элемент для компонента для вставки в документ. При первом вызове создаёт DOM.</li>
+</ul>
+
+Использование -- добавление в документ:
+
+```js
+var calendar = new Calendar({... });
+calendar.getElement().appendTo('body');
+```
+
+Использование -- подписка на изменение и вывод значения:
+
+```js
+calendar.on("select", function(e) {
+  $('#value').html( e.value+'' );
+})
+```
+
+Пример в действии:
+[iframe border=1 src="solution"]
+
+В исходный документ входит файл `calendar-table.js` со вспомогательными функциями, в частности, `renderCalendarTable(year, month)` генерирует таблицу.
+
+[edit task src="source"/].