使用Flatpicker日历时出现错误

如何解决使用Flatpicker日历时出现错误

由于某些原因，我遵循了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>

解决方法

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

<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>