Javascript 隐藏输入时正确呈现GLDATECIPKER

我正在使用glDatePicker在我的web应用程序中运行日历。据我所知（我对JS/jQuery不是很在行），日历的大小和位置取决于分配给它的输入。问题是，当页面加载时，输入被隐藏；当用户选择某些选项时，将显示输入。正如您可能已经猜到的，当显示输入并且用户在其中单击时，日历显示如下：

有没有人能提供一些关于我如何使这项工作成功的见解

GLDATE选择器：

---

谢谢

有一些选项可以通过日期选择器的init传递，其中一个叫做“showAlways”。如果设置为false，则可以创建一个变量，并在输入字段处于焦点时调用“show”方法

$('#your-element').glDatePicker({
     showAlways: false,
     ....
     ....
});

$('#your-input-element').on('focus', function() {
     var $calendar = $('#your-element').glDatePicker(true);
     $calendar.show();
     $calender.render();
});

您还应该将输入元素和日历元素包装在一个容器元素（div、section等）中，w/position:relative，这样日历将保持在输入元素附近

#container {
    position: relative;
}


<div id="container">
    <input type="text" id="mydate" gldp-id="mydate" />
    <div gldp-el="mydate"
         style="width:400px; height:300px; position:absolute; top:70px; left:100px;">
    </div>
</div>

#容器{
位置：相对位置；
}

您可能需要也可能不需要调用“render”方法

---

摘自

如果没有任何代码可供查看，很难为您提供帮助，但请确保您只在知道输入上的日期选择器实际上没有隐藏时才实例化它。您似乎还缺少glDatePicker.css文件。