未捕获的ReferenceError:使用multiDatePicker库时未定义$吗?

时间:2019-05-08 07:55:49

标签: jquery

我在页面中使用multiDatePicker,但显示为“未捕获的ReferenceError:未定义$”。

HTML

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"/>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/>
<script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"/>
<body>

    <div>
      <input id="datePick" name="calendar"/>
    </div>

<script type="text/javascript">
 $(document).ready(function(){
    $('#datePick').multiDatesPicker();
});
</script>


</body>

请提示我所缺少的内容或为什么显示此错误?

1 个答案:

答案 0 :(得分:0)

像这样在UI日期选择器库之前只能使用一个jquery min库。

注意:您还需要以下资源:

  1. jquery.min.js
  2. jquery-ui.min.js
  3. jquery-ui.multidatespicker.js和
  4. jquery-ui.css

$(document).ready(function(){
    $('#datePick').multiDatesPicker();
 });
<script src="//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="https://cdn.rawgit.com/dubrox/Multiple-Dates-Picker-for-jQuery-UI/master/jquery-ui.multidatespicker.js"></script>
<link href="https://code.jquery.com/ui/1.12.1/themes/pepper-grinder/jquery-ui.css" rel="stylesheet" >

<div>
  <input id="datePick" name="calendar"/>
</div>

==谢谢==