Javascript 定心模式窗口

我想把这个日期选择器放在中心位置，让它更容易在手机上使用，但我很难让它正常工作。我目前正在尝试这种方法：

……但运气不好。它在水平方向居中，但不正确，并且模式随窗口大小缩放。在垂直方向上，它根本不居中

我也尝试过用jQuery将其居中，但我也无法使其正常工作

---

Fiddle:

我使用flexbox型号flexbox解决了类似的问题。创建一个屏幕大小的flex容器，然后将您的模态设置为flex容器的子级。Flexbox允许垂直和水平居中

这里是flexbox的精彩介绍：

---

如果将position:absolute从.picker\u holder中移除，它会起作用-恐怕不太好。检查全屏结果：对不起，我发布了未编辑的版本。这是有效的。。。尝试在此处使用flexbox，但由于某些原因无法使用：

.picker {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}