vue-bootstrap-datetimepicker 输入输入权限块没有禁用和只读

Question

我在我的项目中使用 vue-bootstrap-datetimepicker。没问题。

但是我在这个选择器输入输入时遇到了错误。所以我需要阻止输入输入。

如果我使用 disabled & readonly 焦点不起作用。所以选择器弹出窗口不会显示。（选择器功能不触发）

有更好的解决方案吗？

Answer 1

这是用来防止输入的。您需要将以下代码粘贴到您的组件 mounted 函数中。因为在渲染日期选择器之后需要启动 keydown 监听器。我认为这会有所帮助

mounted () {
        $(`#${DATE_PICKER_ID}`).keydown((ev) => {
          ev.preventDefault();
        });
    },

vue-bootstrap-datetimepicker input typing permission block without disabled & readonly