如何解决React Datepicker onclick在Edge和IE浏览器中不起作用
import React from 'react';
import DatePicker from 'react-datepicker';
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
date: ''
};
}
isWeekDay = date => {
const d = date.getDay();
return d !== 0 || d !== 6;
}
render() {
const { date } = this.state;
return (
<div>
<h3>Calendar</h3>
<DatePicker
showMonthDropdown
showYearDropdown
dropdownMode="select"
filterDate={this.isWeekDay}
selected={date}
onChange={val => this.setState({ date: val })}
todayButton="Go to Today"
onChangeRaw={event => this.setState({ date: event.target.value })}
/>
</div>
);
}
}
export default Example;
我正在使用react-datepicker库,并添加了一些我需要的属性,例如todayButton,月份和年份下拉列表等。我需要在datepicker输入旁边的日历图标,通过该日历应该可以使用相同的功能-打开日历并应该能够到目前为止。
通过css添加了图标图像,如下所示。
.react-datepicker__input-container::after {
background: url('./images.jpg') right 2px no-repeat;
content: '';
color: red;
width: 18px;
height: 21px;
position: absolute;
right: 0;
top: 0;
background-color: white;
border-left: 1px solid black;
}
它适用于chrome浏览器,但是单击图像图标在Edge和IE11中不起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。