Question

我一直在为我们的办公室创建HTML表单，但却陷入了看似非常简单的任务。客户要求以格式向他们发送预约日期和时间：例如：01-23-2018 9:17 AM，我尝试将此代码粘贴到w3school网站中，当我运行它时，需要时间和日期格式：mm / dd / yyyy hr min am / pm。但是服务器总是以不同的格式显示输出，例如：Appointment_Date = 2018-03-06T12：59 我曾尝试阅读不同的论坛，但未能实现它，以便我得到我的客户所需的格式。提前谢谢。

<!DOCTYPE html>
<html lang='en'>
<html>

<head>
  <title>Form</title>
</head>

<body>
  <form action="/action_page.php">
    <div>
      <label for="Appointment Date"><font color="red">Appointment Date*:</font></label>
      <input type=datetime-local id="Appointment Date" name="Appointment_Date" mydate="Appointment_Date" required>
    </div>
    <div class="button">
      <button type="submit">Submit</button>
    </div>
  </form>
</body>

</html>

Answer 1

日期/时间值可以以各种方式显示，但有一些标准的存储方式。

即使您的输入允许用户以01-23-2018 9:17 AM格式输入日期/时间，但当它提交到服务器时，它实际上以2018-01-23T09:17格式发送字符串。了解您仍然发送与用户输入的完全相同的值，这一点非常重要，即使它的格式不同。

一旦您的服务器具有该日期/时间，它就可以选择显示它想要的那样。

如果您的服务器正在运行PHP，这将帮助您以所需格式输出日期：http://php.net/manual/en/function.date.php

如果您的服务器正在运行Node.js，则moment.js是一个用于处理日期/时间值的绝佳库：https://momentjs.com/docs/

如果您的服务器不是其他产品，我建议您查找有关如何设置特定技术日期格式的文档。

Answer 2

这对我有用，标记为class =＆＃34; dateinput＆＃34; ，让用户可以选择手动输入日期和时间，并按照他们要求的格式输入。

＆＃13;

<!DOCTYPE html>
<html>
<body>

<h2>HTML Forms</h2>

<form action="/action_page.php">
<div>
    <label for="Appointment Date"><font color="red">Appointment Date*:</font></label>
    Appointment Date (Example: 6-23-2009 9:17 AM):<span class="dateInput"><input  id="00N0V000009O81z" name="00N0V000009O81z" size="20" type="text" /></span><br>
  </div>
  <div class="button">
    <button type="submit">Submit</button>
    </div>
</form> 

<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>

</body>
</html>

＆＃13;

HTML表格在01-23-2018 9:17 AM格式发送日期和时间

2 个答案: