html - 日期输入在 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

提前致谢!

Answer 1

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

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