Vuejs2 Vue引导窗体日期选择器b窗体日期选择器模式出现

我正在使用中的日历组件

我想解决这两个问题：

当日历模式显示时，我希望其他背景变暗/淡出。这样，用户可以更轻松地将注意力集中到小部件和要选择的日期上。
如何做到这一点

当日历显示在页面中间时，也会很好。就像模态菜单一样。 如何做到这一点

我无法真正理解文档的暗模式
在何处以及如何“将暗道具设置为真，以启用暗背景。”？
这听起来像是解决了我的第一个问题

---

感谢您提供有关解决此问题的提示。

一个可能的解决方案是不使用

b-form-datepicker

，而是使用

b-calendar

，这样您就可以将日期选择窗口放置在所需的位置

在这种情况下，我们可以使用

b-modal

，它具有在屏幕上居中显示的功能，并且默认情况下无需任何额外工作就具有背景

这还允许您将日期选择器的“输入”部分自定义为您想要的任何内容，因为它不是直接连接到日历的

newvue({
el:“#应用程序”，
数据（）{
返回{
值：null，
modalId:“日期选择器模式”，
日期上下文：{}
}
},
观察：{
/*日期更改时关闭模式*/
值（新值、旧值）{
if（newVal！==oldVal）{
this.bvModal.hide（this.modalId）
}
}
}
})

。光标指针{
光标：指针；
}

{{dateContext.selectedFormatted}

我确实算出了我的3。项目。b-form-datepicker只显示一个属性'dark'，没有任何关联的值。这将等于黑暗道具为真。其效果是只有calendar gui元素显示黑色背景。所以这并不能解决我的问题，如图1所示。这个看起来不错。我试了一下iut。我无法在选择日期时关闭它，但我会调查。。。非常感谢你。