Question

我试图让日期选择器使用以下外部库和示例 - https://www.npmjs.com/package/js-datepicker

我收到了错误：

SyntaxError: expected expression, got '.'[Learn More]  datepicker.css:1
ReferenceError: Datepicker is not defined[Learn More]  index.html:1:1

相关的HTML：

<html>
<head>
    <title>Demo</title>
    <meta charset="UTF-8">
    <script src="datepicker.css"></script>
</head>
<body>
    <input type="text" id="datePick" onclick="Datepicker('#datePick')"> 
    <script src="datepicker.js"></script>
</body>
</html>

css和js文件与我的html文件位于同一文件夹中。

Answer 1

第一个：

<script src="datepicker.css"></script>

应该是：

<link rel="stylesheet" href="datepicker.css">

然后你应该放入一个脚本标签，初始化而不是'onClick'：

<script type='text/javascript'>
    const picker = datepicker('#datePick');
</script>

最小的方法。您可以使用调试器检查文件datepicker.js是否已加载，如果没有，请使用CDN（在开始时），然后当一切正常时，将其更改为您自己文件夹中的本地datepicker.js。

希望它有所帮助！

Answer 2

将<TargetComponent onChange={this.onChange.bind(this)} />替换为<script src="datepicker.css"></script>。它是一个CSS样式表，而不是JS源文件。

Answer 3

在onClick函数中使用小写：

 <input type="text" id="datePick" onclick="datepicker('#datePick')">

适用于此示例（使用正确加载的.js和.css）： https://jsfiddle.net/wg2LqL33/

js-datepicker - 未定义日期选择器

3 个答案: