如何在不使用日期类型的情况下在表单中创建日期输入答案

【问题标题】：How to create date inputs in a form without using the type date如何在不使用日期类型的情况下在表单中创建日期输入
【发布时间】：2016-01-10 01:01:17
【问题描述】：

Firefox 不支持输入日期类型。将日期带入输入表单的替代方法是什么。我尝试为单独的日、月和年创建输入，但我不知道如何获取它们并将它们存储在 MySQL 数据库中的一个变量中

【问题讨论】：

检查 - stackoverflow.com/questions/18020950/…

标签： php html forms

【解决方案1】：

一个简单的替代方法是 jquery Datepicker

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

【讨论】：

【解决方案2】：

按照上述回复中的建议使用 JavaScript。

如果您真的不想或不能使用 JavaScript（但您应该这样做，因为它真的很简单），只需通过 GET 或 POST 将三个单独的值（日、月和年）传递给您的 PHP 脚本。

通过$_REQUEST 数组检索它们（例如：$_REQUEST['day']，如果您的输入字段名为 day），并进行适当的检查（例如，您不希望您的 'month ' 值为负数或大于 12），如果您希望日期为单个变量，只需连接您的三个值并将它们插入到您的数据库中，根据您的喜好使用简单的查询。

TLDR：例如，使用其他回复中所述的 JQuery，但您也可以在没有 JavaScript 的情况下实现这一点。

【讨论】：

【解决方案3】：

要创建日期选择器，您可以使用以下代码 -

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
   </head>
   <body>
      <p>Date: <input type="text" id="datepicker"></p>
   </body>
</html>

将以下语句添加到您的 js 文件中

$( "#datepicker" ).datepicker();

注意 - '#datepicker' - 这是我们想要用作 date-picker 的控件的 id。

【讨论】：