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


HTML Form not passing date to variable

嘿,我

使用 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,所以放轻松

谢谢一切顺利

删除名称中的空格

name ="datepicker " to name="datepicter"

更改

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

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

这应该可以解决您的问题。

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>