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

标签 css angular datepicker

我想让 ngx bootstrap datepicker 内嵌,而不是它只在你点击一个输入时出现。

ngx datepicker link

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

我只想在页面上直接看到这个,而不需要将它放在输入框内:

image of inline datepicker

谢谢

文档中有一个容器输入,上面写着:

container: A selector specifying the element the datepicker should be appended to. Currently only supports "body".

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

最佳答案

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

你可以设置 isOpen property为真所以它默认打开

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

关于css - Angular Bootstrap (ngx) 内联日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50089538/

相关文章:

javascript - 更改div的高度获取另一个div的高度

html - 如何在 CSS 中使用 SPAN 创建列?

css - 取消CSS中的动画

angular - Ngxs + WebSocket |如何拦截连接并添加自定义 HTTP header ?

javascript - Angular 模块的 forRoot 中的运行时值

twitter-bootstrap - Bootstrap DatePicker - Onchange

css - Bootstrap "col-md-4","col-xs-1", "col-lg-2"中数字的含义

c# - 尝试上传具有 Angular 2 的文档时,Web API 中的文件计数始终为零

Jquery 日期选择器在 div 鼠标悬停时显示,在鼠标移出时隐藏

html - Datepicker div 在表单内打开,这就是为什么不可见