Question

我有两个表单，我将其命名为main.php和sample.php ....对于main.php，我有一个日历/日期选择器，它的工作原理。但是当我进入下一页或者sample.php时，日历/日期选择器不再显示了...我只是将代码从main.php复制到sample.php

这是我的main.php代码：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script>
$(function() {
$( "#datepickerfrom" ).datepicker();
});

$(function() {
$( "#datepickerto" ).datepicker();
});
</script>

From: <input type="text" id="datepickerfrom"name="from"> To:  <input type="text" id="datepickerto"name="to">

对于sample.php：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>

$(function () {
    $('.checkall').on('click', function () {
        $(this).closest('fieldset').find(':checkbox').prop('checked', this.checked);
    });
});

    $(function() {
    $( "#datepickerfrom" ).datepicker();
    });

    $(function() {
    $( "#datepickerto" ).datepicker();
    });
    </script>

    From: <input type="text" id="datepickerfrom"name="from"> To:  <input type="text" id="datepickerto"name="to">

<?php
echo "<div><input type='checkbox' class='checkall'> Check all</div>";
?>

但是在sample.php中我添加了一个复选框的代码，我也使用了一个脚本......

感谢/.

Answer 1

这是因为您在jquery中两次致电sample.php。删除

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

或

<script src="http://code.jquery.com/jquery-latest.js"></script>

P.S jquery-ui.js应该在jquery

之后

Answer 2

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

你需要在sample.php上使用这些行，试过它，它有效。

PHP：DatePicker /日历不显示

2 个答案: