reactjs antd DatePicker显示错误的日期名称

r8xiu3jd  于 2023-04-29  发布在  React
关注(0)|答案(1)|浏览(175)

我有一个用reactjs编写的Web应用程序,它有一个DatePiker的位置设置为“pt-BR”,用户在日历上选择日期,碰巧日历显示错误的日期,如下图所示:
enter image description here
在图像中,日期显示为有序的数字,但它们不是用数字显示,而是用它们的真实的名称显示,在葡萄牙语的情况下是“Dom,Seg,Ter,Qua,Qui,Sex,Sab”
我在这里做了一切来解决这个问题但我没有成功。
我在版本4中使用ANTD依赖项。4.2版本16中的REACT。13.1和我们没有办法更新这一时刻由于客户的问题
我真的很感激任何能帮我解决这件事的人
在这种情况下,日历应该是这样的。:
enter image description here

j9per5c4

j9per5c41#

我当时也遇到了类似的问题,这个人的解决方案帮了我:How to Change the Day of Week Format
但是,我需要替换整个文本,e。g.不只是在它后面添加一个字母,所以我这样做了:

/* set the visibility of the Th:cell to hidden */
.ant-picker-body table thead tr > th:nth-child(1) {
   visibility: hidden;
}

/* add the new content, turn visibility ON, reset margins and replace
   text using css's pseudo selector*/
/* first item */
.ant-picker-body table thead tr > th:nth-child(1)::after {
   content: 'DOM';
   position: absolute;
   visibility: visible;
   left: 2px;
   top: 0;
}
.ant-picker-body table thead tr > th:nth-child(2) {
   visibility: hidden;
}
   
/* do the same for all other cells from the names of the days of the
   week to the seventh day*/
.ant-picker-body table thead tr > th:nth-child(2)::after {
  content: 'SEG';
  position: absolute;
  visibility: visible;
  left: 4px;
  top: 0;
}

在这里,它工作得很好,希望这有帮助

相关问题