如何使用功能设置创建计划面板的位置答案

【问题标题】：How to set position of create schedule panel with function如何使用功能设置创建计划面板的位置
【发布时间】：2020-12-13 17:04:08
【问题描述】：

我正在使用 Toast UI Calendar 作为计划任务管理器。我的项目是 Laravel。

如果我选择左日和中日，则显示全部。但是如果我选择右端日期，则创建面板会被屏幕剪切。所以我想在没有修复css的情况下用toast ui日历支持的功能在屏幕上显示它。

弹出面板的位置设置如下代码...

popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;

这些是屏幕截图：

【问题讨论】：

标签： javascript php css laravel calendar

【解决方案1】：

当你点击任何日期时，你应该得到那个左值。你手动设置它。我认为这是一个很好的方法。

【讨论】：

你能告诉我更多关于你的答案的细节吗？

【解决方案2】：

如果你点击日期，你可以得到这个弹出对话框的左值。并且需要获取右端点击弹出左值，然后需要设置那个值的case语句或if语句。

喜欢...

if(get_valueof_rightend > limit_value)
  popup_layer.style.left = limit_value;
else
  popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;

如果左端点击弹出位置没问题。

如果没有，您可以在其中添加一个 if 语句。好幸运。很抱歉是手工制作的。

【讨论】：

limit_value 是什么意思？
这是您在屏幕中允许的左值。
我认为最好使用'%'而不是'px'
如果屏幕可能是不同的像素，它工作正常吗？
您可以在答案下方看到@DmitriyGusev 的评论。并查看该网址。

【解决方案3】：

我这样更改了我的代码。

    if(e.schedule){
      popup_layer.style.left ='0%';  
    } else {
      if (e.guide.guideElements[e.guide.startCoord[1]].style.left > 60)
        popup_layer.style.left = '60%';
      else
        popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;
    }

在这里，我们应该将 'px' 更改为 '%'。在这里，if语句中的'60'是右端的限制值。

【讨论】：

因为您确实比较了字符串和 int 值。

【解决方案4】：

if(e.schedule){
  popup_layer.style.left ='0px';  
} else {
  if (parseInt(e.guide.guideElements[e.guide.startCoord[1]].style.left) > 60)
    popup_layer.style.left = '60%';
  else
    popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;
}

【讨论】：

如果我需要更换顶部，我应该怎么做？