<input type="date">在Mozilla中无法使用。

Question

<input type="date">在Mozilla中无法使用。

3

<!DOCTYPE html>
<html>
<body>

<form>
  Birthday: <input type="date" id="datepicker">
  <input type="submit">
</form>

</body>
</html>

我想从日历中选择日期。我已经使用了HTML5的日期输入，这段代码在IE和Chrome中运行良好，但在Mozilla中无法正常工作，请帮我修复代码。

- Teja Kundaikar

没有需要修复的内容... http://caniuse.com/#feat=input-datetime - dandavis

1

请参见http://jsfiddle.net/Vq65z/504/ - CodeLove

你是对的。Mozilla目前还不支持任何基于日历的输入类型。如果你有兴趣跟踪进展，可以查看一个跟踪错误。 - Jaromanda X

是啊，Moz吹嘘HTML5的东西已经有7年了，他们仍然没有开始实现那些基本的UI需求，真是可笑；难怪他们正在失去市场份额... - dandavis

可能是重复的问题：如何在Firefox和/或IE 10中使HTML 5输入类型“date”正常工作。 - Vucko

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Abhishek Sharma · Accepted Answer

HTML中的<input type="date">元素是用于创建接受日期输入的特定版本<input>元素。

浏览器会生成一个控件来输入和更改日期，包括年、月和日。该控件在不同浏览器中可能会有所不同；不支持此类型的浏览器将显示一个简单的文本控件。

了解更多

use datetime picker jquery plugin  will be a good option

阅读此文

或尝试以下代码：

<!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">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>