我一直在为我们的办公室创建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>
答案 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; ,让用户可以选择手动输入日期和时间,并按照他们要求的格式输入。
<!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;