html – 日期输入在firefox中不起作用

前端之家收集整理的这篇文章主要介绍了html – 日期输入在firefox中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下日期输入:
<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中单击它,则datepicker不会弹出up:

有谁知道为什么会发生这种情况和/或我如何在Firefox中修复它所以它是一致的?

注意 – 我正在使用bootstrap 3

提前致谢!!

解决方法

不幸的是< input type =“date”/> firefox不支持.为了能够在所有浏览器中使用日期类型,您可以使用modernizer进行检查,如果不支持,您可以回退使用javascript来显示datepickerr.
<script>
    $(function(){           
        if (!Modernizr.inputtypes.date) {
            $('input[type=date]').datepicker({
                  dateFormat : 'yy-mm-dd'
                }
             );
        }
    });
</script>

猜你在找的HTML相关文章