日期输入在 Firefox 中不起作用

Question

我有以下日期输入：

 <div class="form-group">
    <label for="start_date">Start Date</label>
    <input type="date" class="form-control" name="start_date" id="start_date" placeholder="mm/dd/yyyy">
</div>

如果我在 chrome 中点击它，会弹出一个日期选择器：

但是，如果我在 firefox 中单击它，日期选择器不会弹出 向上：

有谁知道为什么会这样和/或我如何在 Firefox 中修复它以使其保持一致？

注意 - 我正在使用 bootstrap 3

提前致谢！！

原文由 Trung Tran 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不幸的是 <input type="date"/> 在 Firefox 中不受支持。为了能够在所有浏览器中使用日期类型，您可以使用 modernizer 检查，如果不支持，您可以退回使用 javascript 来显示 datepickerr。

 <script>
    $(function(){
        if (!Modernizr.inputtypes.date) {
            $('input[type=date]').datepicker({
                  dateFormat : 'yy-mm-dd'
                }
             );
        }
    });
</script>

原文由 riteshmeher 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只需将 FireFox 更新到最新 版本 (v57)，这个痛苦的问题就永远消失了 :-)

看看 我能用吗

文档： https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

证明：

原文由 mumair 发布，翻译遵循 CC BY-SA 3.0 许可协议