Question

我有一个问题，日期选择器不起作用。我对其进行了研究，这似乎是一个常见的问题，即您正在实施Jqueries，但是我只有一行导入jquery。

    <link href="https://code.jquery.com/ui/1.12.1/themes/ui-darkness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="vendor/jquery/loadMe.js"></script>
<script src="vendor/jquery/datePicker.js"></script>

HTML代码：

<label for="date">Date</label>
<input type="text" name="date" id="date" class="date-picker">

datePicker.js中的jQuery代码

document.addEventListener('DOMContentLoaded', function() {
$('.date-picker').datepicker();
})

错误是：

未捕获的TypeError：$（...）。datepicker不是函数

Answer 1

Datepicker是jQuery UI，不是 jQuery本身的一部分。

因此，您需要在jQuery之后加载jQuery UI库：

document.addEventListener('DOMContentLoaded', function() {
  $('.date-picker').datepicker();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<input type="text" class="date-picker" />

您可能还想使用jQuery UI skin themes之一：

document.addEventListener('DOMContentLoaded', function() {
  $('.date-picker').datepicker();
})

<link href="https://code.jquery.com/ui/1.12.1/themes/ui-darkness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<input type="text" class="date-picker" />

DatePicker不是Jquery中的函数

1 个答案: