html5 DATE 在 Windows Explorer 和 Firefox 中不起作用答案

【问题标题】：html 5 DATE doesn't work in Windows Exploror and Firefoxhtml5 DATE 在 Windows Explorer 和 Firefox 中不起作用
【发布时间】：2017-03-30 10:45:16
【问题描述】：

我一直在研究股票预订系统，我在表单中使用了日期功能，但是，它在 chrome 上运行良好，但在 windows 资源管理器和 Firefox 上不起作用。我该怎么办？

departure date: <input type="date" name="departuredate"> departure time : <input type="time" name="departuretime"> arrival date : <input type="date" name="arrivaldate"> arrival time : <input type="time" name="arrivaltime">

【问题讨论】：

什么日期函数？ FF 肯定不支持type="date"。
请向我们展示您的标记并详细解释“不起作用”。
出发日期：出发时间：到达日期：到达时间：
如果它的 HTML5，IE 将无法工作。为此，您需要一个第三方库
哪一个最好能告诉我代码吗？实际上我是新手，所以我不太了解它。

标签： php html date

【解决方案1】：

您应该使用适用于几乎所有浏览器的第三方日期选择器插件，例如 JQuery UI Datepicker：

请看下面的演示：

https://jqueryui.com/datepicker/

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
 
<p>Date: <input type="text" id="datepicker"></p>

如何使用

在页面的<head> </head> 标记中插入以下行：

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

现在创建一个输入元素，它将用作日期选择器，如下所示：

<input type="text" id="datepicker">

现在在关闭正文标记 (</body>) 之前复制以下行：

  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>

或者，如果您愿意，也可以将这些行复制到 head 标签中，但我建议您将它们放在这里。

【讨论】：

我需要在我的电脑上安装 jquery 吗？
...或者 OP 可以在包含一堆臃肿（而且可能是不必要的）框架之前向我们展示标记并解释问题？
@Rizwan 不，您无需在计算机上安装 JQuery 即可在网页上运行它。只需使用他们网站上提供的代码，甚至是我给你的代码示例，你就可以开始了。
如何在我的注册页面中嵌入代码，因为我需要有值才能传递给 DB。

【解决方案2】：

Firefox（桌面）和 Internet Explorer 都没有实现任何日期/时间输入控制。您可以在<input> documentation on MDN 的Browser compatibility 表中看到这一点。

鉴于无处不在的 JavaScript 选择器已经变得多么强大，这可能不是两个团队的优先事项。

【讨论】：