时间戳

首页 > 解决方案 > Angular Bootstrap (ngx) 日期选择器内联

css - Angular Bootstrap (ngx) 日期选择器内联

问题描述

我想让 ngx bootstrap datepicker 内联，而不是仅在单击输入时才出现。

ngx 日期选择器链接

有人可以帮我实现这一目标吗？我试图添加它，但是有绝对定位，如果我用相对定位覆盖它，它就不能正常工作。

我只想在内联页面上看到它，而不需要将它放在输入字段框中：

内联日期选择器的图像

谢谢

文档中有一个容器输入，它说：

容器：指定日期选择器应附加到的元素的选择器。目前只支持“body”。

有什么办法可以解决这个问题？

标签： cssangulardatepicker

解决方案

试试这个，将高度设置为0并将overflow: hidden其留在页面上。它会在那里，因此选择器自身位置正确但没有高度，输入将是不可见的，并且仍然让选择器显示在它应该出现的位置。

您可以将isOpen属性设置为 true 以便默认打开

<input bsDatepicker [isOpen]="true" style="height: 0; overflow: hidden; border: none; padding: 0;" />

推荐阅读