In English

AIR DATEPICKERлегкий кроссбраузерный jQuery календарь

Описание

Легкий (~20kb минифицированный js файл и ~5.5kb gziped) кроссбраузерный календарь, написан с использованиемes5иcss flexbox. Работает во всех современных браузерах: IE 10+, Chrome, Firefox, Safari 8+, Opera 17+.

Установка

bower i --save air-datepicker

Либо можно скачать файлы напрямую с GitHub

Использование

Подключите стили и скрипты из папки/dist:

<html>
 	<head>
@@ -13,8 +10,16 @@ $('#my-element').datepicker([options])
 
 // Доступ к экземпляру объекта
 $('#my-element').data('datepicker')
-

Примеры

Инициализация с опциями по умолчанию

Пример
<input type='text' class='datepicker-here' />
-

Выбор нескольких дат

Передайте параметр{multipleDates: true}для выбора нескольких дат. Если требуется ограничить количество выбранных дат, то передайте необходимое число{multipleDates: 3}.

Пример
<input type="text"
+

Примеры

Инициализация с опциями по умолчанию

Пример
<input type='text' class='datepicker-here' />
+

Выбор нескольких дат

Передайте параметр{multipleDates: true}для выбора нескольких дат. Если требуется ограничить количество выбранных дат, то передайте необходимое число{multipleDates: 3}.

Пример
<input type="text"
 	class="datepicker-here"
 	data-multiple-dates="3"
 	data-multiple-dates-separator=", "
diff --git a/docs/jade/pages/index-ru.jade b/docs/jade/pages/index-ru.jade
index c700584..9b69bc4 100644
--- a/docs/jade/pages/index-ru.jade
+++ b/docs/jade/pages/index-ru.jade
@@ -14,17 +14,14 @@ block content
 		script.
 			var $promo = $('.datepicker-promo');
 
-			$promo.datepicker()
-
-
 	article
 		h2#intro Описание
 		p
-			|Легкий (~20kb минифицированный js файл и ~5.5kb gziped) кроссбраузерный календарь, написан с использованием
+			| Легкий (~20kb минифицированный js файл и ~5.5kb gziped) кроссбраузерный календарь, написан с использованием
 			+example-inline('es5')
 			| и
 			+example-inline('css flexbox', 'js')
-			|. Работает во всех современных браузерах:
+			| . Работает во всех современных браузерах:
 			| IE 10+, Chrome, Firefox, Safari 8+, Opera 17+.
 
 	article
@@ -35,7 +32,7 @@ block content
 	article
 		h2#usage Использование
 		p
-			|Подключите стили и скрипты из папки
+			| Подключите стили и скрипты из папки
 			+example-inline('/dist')
 			| :
 
@@ -69,11 +66,21 @@ block content
 		h3 Инициализация с опциями по умолчанию
 		+example
 			+example-content
-				input(type='text').datepicker-here
+				input(type='text')#test.datepicker-here
 			+example-code('html')
 				:code
 					
 
+			script.
+				$('#test').datepicker({
+					onChangeYear: function () {
+						console.log(arguments);
+					},
+					onChangeMonth: function (m, y) {
+						console.log(arguments);
+					}
+				})
+
 		h3 Выбор нескольких дат
 		p
 			| Передайте параметр
@@ -432,7 +439,7 @@ block content
 			+param-header('monthsField','string','"monthsShort"')
 			p Какое поле из объекта локализации использовать в качестве названий месяцев, когда
 				+example-inline('view = "months"', 'js')
-				|.
+				| .
 
 	article
 		h2#events События
diff --git a/src/js/datepicker.js b/src/js/datepicker.js
index f21bf40..00f2997 100644
--- a/src/js/datepicker.js
+++ b/src/js/datepicker.js
@@ -599,6 +599,9 @@ var Datepicker;
             if (this.inited && !this.silent) {
                 this.views[this.view]._render();
                 this.nav._render();
+                if (this.visible && this.elIsInput) {
+                    this.setPosition();
+                }
             }
 
             return val;
@@ -632,7 +635,7 @@ var Datepicker;
                 if (this.opts.onChangeView) {
                     this.opts.onChangeView(val)
                 }
-                this.setPosition(this.opts.position)
+                if (this.elIsInput && this.visible) this.setPosition();
             }
 
             return val