X-editable with datetimepicker答案

【问题标题】：X-editable with datetimepickerX-editable with datetimepicker
【发布时间】：2020-06-21 12:11:55
【问题描述】：

我正在尝试使用 datetimepicker 配置 x-editable。当我单击编辑日期和时间时，x-editable 返回以下错误：

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>

$('#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

【问题讨论】：

标签： x-editable bootstrap-datetimepicker

【解决方案1】：

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

【讨论】：