兼容各种浏览器的日期选择器
问题
我在需要用到日期选择器的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"
});
这样就解决了浏览器日期选择器兼容性问题。