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

时间:2018-03-23 03:32:07

标签: html5 forms

我一直在为我们的办公室创建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>

2 个答案:

答案 0 :(得分:0)

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

即使您的输入允许用户以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/

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

答案 1 :(得分:0)

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

&#13;
&#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;
&#13;
&#13;