X-editable with datetimepicker

Question

我正在尝试使用 datetimepicker 配置 x-editable。当我点击编辑日期和时间x-editable returns 出现如下错误：

Uncaught TypeError: Cannot read property 'addClass' of undefined
    at Popup.show (bootstrap-editable.js:1091)
    at Editable.show (bootstrap-editable.js:1802)
    at Editable.toggle (bootstrap-editable.js:1824)
    at Editable.<anonymous> (bootstrap-editable.js:1547)
    at HTMLAnchorElement.r (jquery.js:10502)
    at HTMLAnchorElement.dispatch (jquery.js:5237)
    at HTMLAnchorElement.m.handle (jquery.js:5044)

错误来自于此信息：

this.tip().addClass(this.containerClass);

我的代码：

<a href="javascript:;" id="protocol-created" data-type="datetime" data-pk="1" data-url="/post" data-placement="right" title="Open">
    15/03/2013 12:45
</a>

JS

$('#protocol-created').editable({
    format: "yyyy-mm-dd hh:ii",
    viewformat: "dd/mm/yyyy hh:ii",
    validate: function (a) {
        if (a && 10 === a.getDate()) return "Day cant be 10!";
    },
    datetimepicker: {
        rtl: false,
        todayBtn: "linked",
        weekStart: 1
    }
});

我使用的是bootstrap-3版本的x-editable，Jquery的版本是3.4.1

Answer 1

我通过将插件更新到 bootstrap 版本 4 解决了这个问题 https://github.com/Talv/x-editable/tree/develop/dist/bootstrap4-editable

X-editable with datetimepicker

X-editable with datetimepicker

x-editable

bootstrap-datetimepicker