如何在表单中创建日期输入，而不使用date类型 - How to create date inputs in a form without using the type date

How to create date inputs in a form without using the type date

Firefox不支持date的输入类型。在输入表单中输入日期有哪些替代方法?我曾尝试创建单独的日，月和年的输入，但我不知道如何将它们存储在MySQL数据库中的一个变量

一个简单的替代方法是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>

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

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

检索它们通过$_REQUEST数组(例如:$_REQUEST['day']，如果你输入字段被称为天)，并做适当的检查(例如，你不希望你的'月'值是负的或高于12)，如果你想日期是一个单一的变量，只是连接你的三个值，并将它们插入到你的数据库，用一个简单的查询，如你所愿。

TLDR:使用其他回复中提到的JQuery，但你也可以不使用JavaScript实现。

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

<!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' -这是控制的id，我们想使用日期选择器。