Javascript react datepicker自定义css样式

我在这个项目中有两个日期选择器

在css文件中具有如下所示的自定义样式

.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
    display: block;
    width: 250px;
    margin-right: 13px;
    margin-left: 3px;
}

现在它正在申请两个日期选择器。。。 但是我只需要为一个日期选择器使用上面的样式，它不应该影响其他日期选择器

---

有没有办法做到这一点？

您需要使用自定义类名对其进行包装，否则会影响react datepicker的原始类

试试这个：

.myCustomDate-1 {
  .react-datepicker-wrapper,
  .react-datepicker__input-container,
  .react-datepicker__input-container input {
      display: block;
      width: 250px;
      margin-right: 13px;
      margin-left: 3px;
  }
}

---

（注意，不要忘记日期选择器元素需要添加类名“myCustomData-1”。

您需要用自定义类名将其包装，否则它将影响react datepicker的原始类

试试这个：

.myCustomDate-1 {
  .react-datepicker-wrapper,
  .react-datepicker__input-container,
  .react-datepicker__input-container input {
      display: block;
      width: 250px;
      margin-right: 13px;
      margin-left: 3px;
  }
}

（注意，不要忘记日期选择器元素需要添加类名“myCustomData-1”。）