日期选择器浏览器兼容问题

兼容各种浏览器的日期选择器

问题

我在需要用到日期选择器的jsp页面上，以前用的是下面的方法：

<input type="data"/>

这种方法在大部分浏览器显示是正常的，但是我用火狐和IE浏览器测试的时候日期下拉框显示不出来。所以这种方法并不是很完美。

解决方法

在网上查阅了一些资料后我采用了bootstrap的date-picker样式

<input class="span10 date-picker" type="text"/>

采用这种方法解决了浏览器不兼容的问题。
但需要引入相应的js

<script src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" 
src="static/js/bootstrap-datepicker.min.js"></script>

我们可以对开始日期加上限定和把当前日期高亮显示

$('.date-picker').datepicker({
         todayHighlight : true,
         startDate: "2017-10-19"
    });

这样就解决了浏览器日期选择器兼容性问题。