Bootstrap v4的Eonasdan DateTimePicker(Tempus Dominus)无法正常工作

时间:2018-06-20 13:31:43

标签: jquery bootstrap-4 eonasdan-datetimepicker tempus-dominus-datetimepicker

我要像这样在我的Javascript文件中包含并调用它:

import 'moment';
import 'tempusdominus-bootstrap-4';

export default class AddHolidayPane {
    static Initialise() {
        $('#start-date').datetimepicker();
        $('#end-date').datetimepicker();
    }
}

...这给了我这个错误:

tempusdominus-bootstrap-4.js?48a1:25 Uncaught Error: Tempus Dominus Bootstrap4's requires at least moment.js v2.17.0 but less than v3.0.0
    at Object.eval (tempusdominus-bootstrap-4.js?48a1:25)
    at eval (274:2769)
    at Object.<anonymous> (Home.js:1098)
    at __webpack_require__ (Home.js:20)
    at Object.eval (AddHolidayPane.hb.js?45c2:5)
    at eval (186:119)
    at Object.<anonymous> (Home.js:951)
    at __webpack_require__ (Home.js:20)
    at eval (HomeManager.hb.js:1)
    at Object.<anonymous> (Home.js:933)

在我的moment.js文件中正确引用了它以及package.json(“ moment”:“ 2.21.0”)。

由于提供了看似正确的时刻,我真的不知道为什么会引发此错误。

1 个答案:

答案 0 :(得分:1)

我的工作方式是在package.json中

"dependencies": {
    "tempusdominus-bootstrap-4": "^5.1.1"
  }

然后在js中使用

global.moment = require('moment');
require('tempusdominus-bootstrap-4');

//And then call datetimepicker function

$('.datetimepicker').datetimepicker();

现在应该工作。

P.S .:用于 bootstrap4