鍍金池/ 問答/HTML/ Bootstrap-editable使用datetime類型報(bào)錯(cuò)undefine

Bootstrap-editable使用datetime類型報(bào)錯(cuò)undefined

想做一個(gè)可以編輯的表格,使用的是bootstrap2以及相應(yīng)版本的bootstrap-editable,但是當(dāng)editable中type為datetime的時(shí)候會(huì)出現(xiàn)以下報(bào)錯(cuò)。

部分代碼:

 $('#itemTable').bootstrapTable({
             showRefresh: true,
            columns: [{
                field: 'id',
                checkbox:true,
            },  {
                field: 'start_time',
                title: '起始時(shí)間',
                editable: {
                    type: 'datetime',
                    mode: "inline", 
                    validate: function (v) {
                        if (!v) return '起始時(shí)間不能為空';
                    }
                },
                sortable:true,
            }],
            data: [{
                    id: 2,
                    start_time: '2016/11/22',    
                }, ]
        });

報(bào)錯(cuò)內(nèi)容:

bootstrap-editable.js:6481 Uncaught TypeError: Cannot read property 'DPGlobal' of undefined
    at DateTimeField.initPicker (bootstrap-editable.js:6481)
    at new DateTimeField (bootstrap-editable.js:6677)
    at Object.createInput (bootstrap-editable.js:859)
    at Editable.init (bootstrap-editable.js:1498)
    at new Editable (bootstrap-editable.js:1477)
    at HTMLAnchorElement.<anonymous> (bootstrap-editable.js:2139)
    at Function.each (jquery-2.1.4.min.js:2)
    at n.fn.init.each (jquery-2.1.4.min.js:2)
    at n.fn.init.$.fn.editable (bootstrap-editable.js:2125)
    at Object.<anonymous> (bootstrap-table-editable.js:114)
initPicker @ bootstrap-editable.js:6481
DateTimeField @ bootstrap-editable.js:6677
createInput @ bootstrap-editable.js:859
init @ bootstrap-editable.js:1498
Editable @ bootstrap-editable.js:1477
(anonymous) @ bootstrap-editable.js:2139
each @ jquery-2.1.4.min.js:2
each @ jquery-2.1.4.min.js:2
$.fn.editable @ bootstrap-editable.js:2125
(anonymous) @ bootstrap-table-editable.js:114
each @ jquery-2.1.4.min.js:2
BootstrapTable.initBody @ bootstrap-table-editable.js:109
BootstrapTable.init @ bootstrap-table.js:572
BootstrapTable @ bootstrap-table.js:277
(anonymous) @ bootstrap-table.js:3066
each @ jquery-2.1.4.min.js:2
each @ jquery-2.1.4.min.js:2
$.fn.bootstrapTable @ bootstrap-table.js:3043
(anonymous) @ 1&-1&-1&1:620

圖片描述

網(wǎng)上有說把源碼中的datetimepicker改成bdatepicker就可以了,但是我改了之后上面的報(bào)錯(cuò)是消失了,但是又出現(xiàn)了新的報(bào)錯(cuò)。

二次報(bào)錯(cuò):

Uncaught TypeError: this.$tpl.datetimepicker is not a function
    at DateTimeField.render (bootstrap-editable.js:6688)
    at EditableForm.render (bootstrap-editable.js:91)
    at HTMLDivElement.<anonymous> (bootstrap-editable.js:410)
    at Function.each (jquery-2.1.4.min.js:2)
    at n.fn.init.each (jquery-2.1.4.min.js:2)
    at n.fn.init.$.fn.editableform (bootstrap-editable.js:401)
    at Inline.renderForm (bootstrap-editable.js:1073)
    at Inline.show (bootstrap-editable.js:1119)
    at Editable.show (bootstrap-editable.js:1802)
    at Editable.toggle (bootstrap-editable.js:1824)
render @ bootstrap-editable.js:6688
render @ bootstrap-editable.js:91
(anonymous) @ bootstrap-editable.js:410
each @ jquery-2.1.4.min.js:2
each @ jquery-2.1.4.min.js:2
$.fn.editableform @ bootstrap-editable.js:401
renderForm @ bootstrap-editable.js:1073
show @ bootstrap-editable.js:1119
show @ bootstrap-editable.js:1802
toggle @ bootstrap-editable.js:1824
(anonymous) @ bootstrap-editable.js:1547
f @ jquery-2.1.4.min.js:2
dispatch @ jquery-2.1.4.min.js:3
r.handle @ jquery-2.1.4.min.js:3

圖片描述

覺得一直改源代碼里面的內(nèi)容不是個(gè)真正的解決方法,所以想來問問各位大佬要如何是好,跪謝。

回答
編輯回答
我甘愿

需要引入datetimepicker資源文件
datapicker/bootstrap-datetimepicker.min.css

datapicker/bootstrap-datetimepicker.min.js
datapicker/bootstrap-datetimepicker.zh-CN.js

2018年4月11日 02:00