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

xiaoxiao2021-02-28  6

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

问题

我在需要用到日期选择器的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" });

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

转载请注明原文地址: https://www.6miu.com/read-1600304.html

最新回复(0)