首页 > 解决方案 > 如何为移动视图自定义 ngx-bootstrap datepicker 的位置?

问题描述

我在 Angular 8 项目中并排使用两个 ngx-bootstrap 日期选择器。在移动视图中,两个日期选择器都离开了视口,如下所示。我该怎么做才能将两个日期选择器放在移动屏幕的中心?我得到了这个输出 但是我需要两个日期选择器的这个输出。如果我left: 23%已经position: absolute为 datepicker 分配了,我可以实现这个输出。但它改变了两个日期选择器的位置。我希望将两个日期选择器都放在屏幕中央。这些是默认情况下已经存在于日期选择器中的样式:display: block; position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-42px, 149px, 0px); z-index: 1080;

标签: cssangulardatepickerangular8ngx-bootstrap

解决方案


推荐阅读