bootstrap 输入类型="date" 未加载日期选择器

Question

我正在尝试使用 bootstrap 输入类型 'date' 创建带有日期选择器的输入字段，但输入字段的格式似乎已由 [=19= 设置] 的样式，日期选择器似乎没有在该字段中实现。单击该字段时会出现注释，并且我的输入不受限制。这种输入类型的日期不会原生创建一个日期类型的输入字段，并使输入字段成为日期选择器吗？ JSBIN Code Here 我的控制台没有显示任何错误。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>JS Bin</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <div class="container">
    <form>
      <div class="form-group">
        <div class="row">
          <div class="col-md-4 box">
            <label>Date</label>
            <input type="date" class="form-control" placeholder="Date">
          </div>
        </div>
      </div>
    </form>

如果有人能解释为什么它不起作用，我将不胜感激。

Answer 1

原生 <input type="date"> 仅适用于少数浏览器。 IE 不是其中之一，尽管它现在可以在 Edge 中运行。在此处查看支持 table：http://caniuse.com/#feat=input-datetime

您需要使用 polyfill 库或 datepicker JS 插件才能让它在任何地方工作。我建议查看 Webshim：https://afarkas.github.io/webshim/demos/#Forms-forms-ext

Answer 2

Firefox 和 IE 目前不支持日期类型。

多亏了 webshim 库，我找到了一个简单的解决方法。我只需添加以下代码行，一切正常。注意：webshim 库依赖于 JQuery.

<script src="//cdn.jsdelivr.net/webshim/1.14.5/polyfiller.js"></script>
<script>
    webshims.setOptions('forms-ext', {types: 'date'});
    webshims.polyfill('forms forms-ext');
</script>

bootstrap 输入类型="date" 未加载日期选择器

bootstrap input type="date" not loading datepicker

html

datepicker

twitter-bootstrap