使用 flatpicker 日历时的错误
errors when using flatpicker calendar
因为我遵循了 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 中出现元素后移动它。或向其添加文档就绪功能。无法重现您收到的错误消息。也许只是省略了 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>
因为我遵循了 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 中出现元素后移动它。或向其添加文档就绪功能。无法重现您收到的错误消息。也许只是省略了 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>