时间戳

首页 > 解决方案 > vue-bootstrap-datetimepicker 输入输入权限块，没有禁用和只读

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

问题描述

我vue-bootstrap-datetimepicker在我的项目中使用。它工作正常。

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

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

有更好的解决方案吗？

标签： vue.jsbootstrap-datetimepicker

解决方案

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

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

推荐阅读