Question

嘿，我使用jquery日期选择器来投射日期，而不是传递我选择的值。这是他的形式的代码。表格的其余部分可以工作但是这个。

<form name="htmlform" method="post" action="contact-action.php">
<table align="center" width="450px">

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

  $(function() {
$( "#datepicker" ).datepicker();
  });
  </script>
<tr>
 <td valign="top">
 <label for="datepicker">Todays Date *</label>
<input type="text" name ="datepicker "id="datepicker" maxlength="50" size="30">
</td>
</tr>

这是显示值

的代码

$today_date = $_POST['datepicker'];
$firstname = $_POST['first_name'];
$lastname = $_POST['last_name'];
$email = $_POST['email'];
$telephone = $_POST['telephone'];
$comments = $_POST['comments'];
$age = $_POST['radio'];





echo "Thankyou for your providing </br>
Date: $today_date </br>
Name: $firstname $lastname </br>
Email: $email </br>
Telephone: $telephone </br>
Comments: $comments </br>
Age: $age</br>

An Email has been sent to the address you provided.";

我不是最好的PHP所以轻松

非常感谢

Answer 1

删除名称中的空格

name ="datepicker " to name="datepicter"

Answer 2

变化

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

到

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
      $("#datepicker").val(dateText);
    }
});

这可以解决您的问题。

Answer 3

link and script这些内容旨在保留在header标记中而不是table tag将其从表格标记中移出

<head>
 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jqueryui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>

  $(function() {
$( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body><form name="htmlform" method="post" action="contact-action.php">
<table align="center" width="450px">
<tr>
 <td valign="top">
 <label for="datepicker">Todays Date *</label>
<input type="text" name ="datepicker "id="datepicker" maxlength="50" size="30">
</td>
</tr></body>

HTML表单未将日期传递给变量

3 个答案: