jQuery UI Datepicker 未安装答案

【问题标题】：jQuery UI Datepicker is not installingjQuery UI Datepicker 未安装
【发布时间】：2017-08-03 02:32:00
【问题描述】：

我正在尝试在我的网页上安装 datepicker。但它不会出现在浏览器中。我有几个脚本文件，其他文件有问题吗？

这是我的日期选择器 div

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>
<!--====== NAVIGATION MENU ==========-->
<?php include 'header.php'; ?>
<section>
    <div id="datepicker"> Here Datepicker</div>
    <div class="tb-space tour-consul">
    . . . . . . rest of codes

这里是js和css文件链接：

<link href="dist/jquery-ui.css" rel="stylesheet">
<script src="dist/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script>
$( function() {
    $( "#datepicker" ).datepicker({ minDate: -0, maxDate: "+1M +15D",  });
});
</script>

但是对于相同的 js 和 css 文件，只有 datepicker div 可以在单个页面上工作。

【问题讨论】：

把你的脚本放在页面底部，在关闭之前

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

确保将 jquery-ui.css 文件放在选项卡标题中

【讨论】：

【解决方案2】：

确保您有正确的 css 和 js 引用。

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

【讨论】：

【解决方案3】：

编辑 - 真正的问题 - 为未来的发现者

真正的问题似乎是脚本的加载顺序。

jquery 必须在 jquery ui 之前

因此这不起作用（检查外部资源订单）

https://jsfiddle.net/aosa3joj/

<link href="dist/jquery-ui.css" rel="stylesheet">
<script src="dist/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

但更改顺序有效

https://jsfiddle.net/aosa3joj/1/

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link href="dist/jquery-ui.css" rel="stylesheet">
<script src="dist/jquery-ui.js"></script>

原答案

我的第一直觉是尝试将 div 更改为 input type="text"，它应该是输入而不是 div

【讨论】：

我也试过这个，但是当我更改为输入时，它只显示一个文本字段，点击后不会出现日历。
检查您的开发者控制台 (F12) - 您在控制台上看到任何错误吗？
可能是你的jquery ui css和js路径不正确，尝试使用完整的url路径，或者使用cdn进行测试：jquery ui - code.jquery.com/ui/1.12.1/jquery-ui.js和css code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css
是的，有2个错误：1.未捕获的ReferenceError：jQuery未定义2.未捕获的TypeError：$（...）.datepicker不是函数
好像你的 jquery 没有正确加载，试着把你的 jquery-1.12.4.js 脚本 before jquery ui js 和 css，让它第一个加载