Bootstrap v4 (Tempus Dominus) 的 Eonasdan DateTimePicker 不工作

Question

我在我的 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")。

我真的不知道为什么会抛出这个错误，因为提供了看似正确的 moment 版本。

Answer 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

Bootstrap v4 (Tempus Dominus) 的 Eonasdan DateTimePicker 不工作

Eonasdan DateTimePicker for Bootstrap v4 (Tempus Dominus) Not Working

jquery

eonasdan-datetimepicker

bootstrap-4

tempus-dominus-datetimepicker