使用 flatpicker 日历时的错误

Question

因为我遵循了 flatpickr 的官方文档 in this link 由于某种原因，日期选择器没有出现

这是我做的我在我的 html 头中添加了这个：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

这在我的 js 文件中

import flatpickr from "flatpickr";


flatpickr("#myflatpickr", {});

在 html 正文中我输入：

 <input name="deadline" placeholder="Deadline" id="myflatpickr" required>

Answer 1

确实如 Paul T 所说，您可以在 DOM 中出现元素后移动它。或向其添加文档就绪功能。无法重现您收到的错误消息。也许只是省略了 import/require 部分？：

<html>
  <head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  </head>
  <body>
    <div><input name="deadline" placeholder="Deadline" id="myflatpickr" required></div>
    <script type="text/javascript">
        flatpickr("#myflatpickr", {});
    </script>
  </body>
</html>

使用 flatpicker 日历时的错误

errors when using flatpicker calendar

html

javascript

calendar

datetimepicker

flatpickr