调用 Bootstrap Material 日期选择器时，仅显示一个空格弹出窗口

问：

当我在使用引导材料日期选择器时遇到一个问题，即在调用日期选择器时仅显示空弹出窗口而没有元素。

弹出图像

但我希望年-月时间和显示日历的状态。

在这种状态下，datePicker 的选项都没有影响弹出窗口， 当我强制它删除开发人员工具中的“隐藏”类时， 只有表单看起来很奇怪，根本不起作用。

我尝试在引导 MaterialDatePicker 中运行所有可行的方法，但这并没有影响它。

有没有办法修改此代码以显示显示日期和日历的完整日期选择器？

下面是我用来调用弹出窗口的代码和 html。 请理解，英语句子不流利，因为我使用翻译。

HTML格式：

  <script src="/js/plugin/jquery.min.js"></script>
  <script src="./js/plugin/jquery-ui.min.js"></script>
  <script type="text/javascript" src="./js/plugin/bootstrap-material-datetimepicker.js"></script>
  <script type="text/javascript" src="./js/plugin/moment-with-locales.min.js"></script>

  <link rel="stylesheet" href="css/bootstrap-material-datetimepicker.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <div class="edit_tool tool_date">
      <img src="img/m_icon/ico_point.svg" alt="" class="ico_essential">
      <div class="tool_item date_pick">
        <div class="dateText" style="width:100%; height:100%; display: inline-flex; align-items: center; justify-content: center;"></div>
        <input type="hidden" name="datePicker" class="form-control entrance">
      </div>
    </div>

“bootstrap Material Date Picker”调用：

    $(edit_tool.tool_date).on("click", function() {
      let datePicker = $(this).find("input[name=datePicker]");
      let datePickerKey = $(datePicker).data("dtp");

      if (!datePickerKey) {
        $(datePicker).bootstrapMaterialDatePicker({ weekStart : 0, time: false });
        $(datePicker).bootstrapMaterialDatePicker("setDate", moment());
      }

      $(datePicker).bootstrapMaterialDatePicker("show");
    });