如何使用 javascript qodesmith / datepicker

Question

我访问过这个网站：

https://github.com/qodesmith/datepicker

我完全遵循（我猜）他在该网站上所说的内容，但仍然无法正常工作。 我总是收到错误 Uncaught ReferenceError: datepicker is not defined。 这是我的代码：

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <link rel="stylesheet" href="dist/datepicker.min.css"> <script type="text/javascript"> const picker = datepicker('#datePick', { // Customizations. formatter: (input, date, instance) => { // This will display the date as `1/1/2019`. input.value = date.toDateString() }, // Settings. alwaysShow: true, // Never hide the calendar. dateSelected: new Date(), // Today is selected. maxDate: new Date(2099, 0, 1), // Jan 1st, 2099. minDate: new Date(2016, 5, 1), // June 1st, 2016. startDate: new Date(), // This month. showAllDates: true, // Numbers for leading & trailing days outside the current month will show. }) </script> </head> <body> <input type="text" id="datePick"> <script src="dist/datepicker.min.js"></script> </body> </html>

任何人都知道我的代码有什么问题，请帮忙

谢谢你

Answer 1

你有两个脚本，一个是外部库，一个是你对它的使用，目前你使用日期选择器的脚本在标题中，如果你将它移动到<script src="dist/datepicker.min.js"></script>它应该可以工作，因为当它被执行时，datepicker 变量将被定义

Answer 2

由于 javascript 按照在 HTML 文档中定义的顺序运行脚本，因此在加载库之前执行script块，因此您会看到问题。

要么提前加载您的库（除非您需要，否则不是一个好习惯）或在您在body元素中定义库后立即移动您的初始化脚本块。

或者，您可以附加window.onload事件处理程序（推荐方式），并在事件处理程序回调中初始化您的日期选择器。

如何使用 javascript qodesmith / datepicker

问题描述

2 个解决方案

解决方案1
0 2020-09-27 19:10:52

解决方案2
0 2020-09-27 21:02:34

如何使用 javascript qodesmith / datepicker

问题描述

2 个解决方案

解决方案1 0 2020-09-27 19:10:52

解决方案2 0 2020-09-27 21:02:34

解决方案1
0 2020-09-27 19:10:52

解决方案2
0 2020-09-27 21:02:34