Question

我有一个jquery ui datepicker，选择的日期使用post方法传递到php页面。我的php文件的完整代码如下所示。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Datepicker</title>
    <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>
    <script>
    $(function() {
        $( "#startDate" ).datepicker({
            defaultDate: (new Date(2013, 1 - 1, 26)),
            changeMonth: true,
            <!-- numberOfMonths: 1, -->
            onClose: function( selectedDate ) {
                $( "#endDate" ).datepicker( "option", "minDate", selectedDate );
            }
        });
        $( "#endDate" ).datepicker({
            defaultDate: new Date(),
            changeMonth: true,
            <!-- numberOfMonths: 1, -->
            onClose: function( selectedDate ) {
                $( "#startDate" ).datepicker( "option", "maxDate", selectedDate );
            }
        });
    });
    </script>
</head>
<body>
<form action="date.php" method="post">
<label for="startDate">startDate</label>
<input type="text" id="startDate" name="startDate" />
<label for="endDate">endDate</label>
<input type="text" id="endDate" name="endDate" />
<input type="submit" name="submit" value="Submit" />
</form>
<?php 
$startdate = isset($_POST['startDate']) ? $_POST['startDate'] : '';
echo $startdate;
?>
</body>
</html>

在上面的代码中，只有在使用提交按钮提交表单后，才会将选取日期的值传递给php。如何使用ajax传递选择日期选择器的值？因此，php echo函数将在选择datepicker时动态显示日期。

使用ajax将jquery datepicker值传递给php变量

0 个答案: