vitalif-js
/
calendar
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix non-react version positioning

master
Vitaliy Filippov 2018-11-04 15:13:59 +03:00
parent 439a672aab
commit 95af62423c
1 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
calendar.js
View File

@ -4,7 +4,7 @@
*
* Original: http://www.openjs.com/scripts/ui/calendar/
* Modified: http://yourcmc.ru/git/vitalif-js/calendar
* Version: 2018-10-23
* Version: 2018-11-04
* License: MIT-like, http://www.openjs.com/license.php
*
* Example:
@ -42,15 +42,33 @@ export class Calendar
Calendar.box.innerHTML = html;
if (this.position)
{
// Position the div in the correct location...
var div = Calendar.box;
var xy = getOffset(this.input);
var height = this.input.clientHeight||this.input.offsetHeight;
this.calcPosition();
}
}
calcPosition()
{
// Position the div in the correct location...
var input = this.input;
var div = Calendar.box;
var xy = getOffset(input);
var height = input.clientHeight||input.offsetHeight;
var ww = document.documentElement.clientWidth||document.body.clientWidth;
div.style.display = "block";
if (div.offsetWidth + xy.left-1 > ww)
div.style.left = (ww-div.offsetWidth-1)+"px";
else
div.style.left = (xy.left-1)+"px";
if (this.position == 'top')
div.style.top = (xy.top-div.offsetHeight)+'px';
else
div.style.top = (xy.top+height-1)+"px";
if (div.offsetHeight + xy.top+height-1 >= (document.documentElement.clientHeight||document.body.clientHeight) &&
xy.top-div.offsetHeight >= 0)
{
this.position = 'top';
div.style.top = (xy.top-div.offsetHeight)+'px';
}
else
{
this.position = 'bottom';
div.style.top = (xy.top+height-1)+"px";
}
}
@ -289,26 +307,7 @@ export class Calendar
this.makeCalendar(this.selected.getFullYear(), this.selected.getMonth());
// Position the div in the correct location...
var div = Calendar.box;
var xy = getOffset(input);
var height = input.clientHeight||input.offsetHeight;
var ww = document.documentElement.clientWidth||document.body.clientWidth;
div.style.display = "block";
if (div.offsetWidth + xy.left-1 > ww)
div.style.left = (ww-div.offsetWidth-1)+"px";
else
div.style.left = (xy.left-1)+"px";
if (div.offsetHeight + xy.top+height-1 >= (document.documentElement.clientHeight||document.body.clientHeight) &&
xy.top-div.offsetHeight >= 0)
{
this.position = 'top';
div.style.top = (xy.top-div.offsetHeight)+'px';
}
else
{
this.position = 'bottom';
div.style.top = (xy.top+height-1)+"px";
}
this.calcPosition();
};
/// Hides the currently show calendar.