init

02-ui/05-widgets/08-widget-tasks-2/01-date-selector/task.md

@@ -0,0 +1,46 @@
+# Селектор даты
+
+[importance 5]
+
+Создайте тройной селектор даты, который выступает как единый компонент. То есть, можно подписываться на `"select"` сразу у этого компонента.
+
+Конструктор:
+
+```js
+var dateSelector = new DateSelector({ 
+  yearFrom: 2010,  // начальный год в селекторе
+  yearTo: 2020,    // конечный год в селекторе
+  value: new Date(2012,2,31) // текущая выбранная дата
+});
+```
+
+События:
+<ul>
+<li>`select` -- при изменении даты.</li>
+</ul>
+Методы:
+<ul>
+<li>`setValue(date, quiet)` -- устанавливает дату `date`. Если второй аргумент `true`, то событие не генерируется.</li>
+<li>`getElement()` -- возвращает DOM-элемент для компоненты для вставки в документ.</li>
+</ul>
+
+Использование - добавление в документ:
+
+```js
+dateSelector.getElement().appendTo('body');
+```
+
+Использование - подписка на изменение и вывод значения:
+
+```js
+$(dateSelector).on("select", function(e) {
+  $('#value').html(e.value);
+});
+```
+
+Пример в действии:
+[iframe border=1 src="solution"]
+
+[edit task src="task"/]
+
+P.S. При выборе месяца дни должны подстраиваться под него. Чтобы не было доступно 31 февраля.