TypeError: $(...).timepicker 不是一个函数

Question

我在使用 Jquery timepicker() 时遇到问题；函数在这里

<link href="js/jqueryTimepicker/jquery.timepicker.css" rel="stylesheet" />
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/jqueryTimepicker/jquery-ui.js"></script>
    <script src="js/jqueryTimepicker/jquery.timepicker.js"></script>
    <script src="js/jqueryTimepicker/jquery.timepicker.min.js"></script>

这是 HTML 标记

<div id="tableTime">
        <table>
            <tr>
                <td>Monday</td>
                <td>Tuesday</td>
                <td>Wednesday</td>
                <td>Thursday</td>
                <td>Friday</td>
                <td>Saturday</td>
            </tr>
            <tr>
                <td>
                    <input type="text" id="txtMonday" /></td>
                <td>
                    <input type="text" id="txtTuesday" /></td>
                <td>
                    <input type="text" id="txtWednesday" /></td>
                <td>
                    <input type="text" id="txtThursday" /></td>
                <td>
                    <input type="text" id="txtFriday" /></td>
                <td>
                    <input type="text" id="txtSaturday" /></td>
            </tr>
        </table>
    </div>

Jquery 以上所有 jquery 文件都加载得很好，但它会抛出一个错误 TypeError: $(…).timepicker is not a function 求救！！！我不在

<script>
        $(document).ready(function () {
            $("#txtMonday").timepicker();
            $("#txtTuesday").timepicker();
            $("#txtWednesday").timepicker();
            $("#txtThursday").timepicker();
            $("#txtFriday").timepicker();
            $("#txtSaturday").timepicker();
        });
    </script>

原文由 Kamran 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您的其中一个导入可能无法正常工作，因为我在 JSFiddle 中使它工作了。尝试重新下载 CSS/JS 文件并确保它们位于正确的位置。如果还是不行，你可以使用 CDN 来引用 CSS/JS 文件。

将以下内容放入您的 HTML 代码中，它应该已修复

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.css"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.8.1/jquery.timepicker.min.js"></script>

此外，在未来，我可能会建议使用 CSS 类而不是 像这样 的个人 id：

 $(document).ready(function () {
        $('.txt').timepicker();
    });

原文由 rohit 发布，翻译遵循 CC BY-SA 3.0 许可协议