Question

我正在使用JQuery实施日历。这是我测试的纯html 表单，它运行正常。但是当我在php中嵌入它时，它不起作用，当我选择inspect元素时出现错误是 - ＆gt;对象没有方法datepicker。

PURE HTML：

<html lang="en">
<head>
<title>Date Thing</title>
<link href="jquery-ui-1.10.4.custom/css/start/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

$( "#datepickerID" ).datepicker({
    changeYear: true,
})
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepickerID"></p>
</body>
</html>

PHP代码：

 <?php
    include('sess.php');
    ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>PAGE TITLE</title>
        <link rel="stylesheet" type="text/css" href="bootstrap.css">
        <link rel="stylesheet" type="text/css" href="bootstrap.theme.css">

        <link href="jquery-ui-1.10.4.custom/css/start/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css"/>

        <script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>
        <script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>

        <script type="text/javascript">

        $(document).ready(function () {

        $( "#datepickerID" ).datepicker({
        changeYear: true,
        })

        });
        </script>
</head>
<body>
    <form name="form1" action="http://*****/******/redirect1.php" onsubmit="return validateForm();" method="get">
    <p>Date: <input type="text" id="datepickerID"></p>
    </form>
    </body>
    </html>

有人可以告诉我如何使该日历在PHP代码中工作吗？

Answer 1

这通常意味着您没有加载JQuery UI库。但是，看起来你加载了两次。也许尝试删除<script type="text/javascript" src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>。这可能会导致冲突。

Answer 2

请在PHP文件中尝试此操作。

<?php
    include('sess.php');
?>
<html lang="en">
    <head>
            <title>PAGE TITLE</title>
            <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
            <script src="//code.jquery.com/jquery-1.9.1.js"></script>
            <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
            <link rel="stylesheet" href="/resources/demos/style.css">
            <script type="text/javascript">
            $(document).ready(function () {
                $( "#datepickerID" ).datepicker({
                    changeYear: true,
                })
            });
            </script>
    </head>
    <body>
            <form name="form1" action="" onsubmit="return validateForm();" method="get">
                <p>Date: <input type="text" id="datepickerID"></p>
            </form>
    </body>
</html>

JQuery和php中的日期选择器

2 个答案: