antd datepicker 局部组件设置成显示星期几

Question

遇到的问题

这个是默认的组件

---

这个是我改好的组件

import moment from 'moment';
useEffect(() => {
        moment.updateLocale('zh-cn', {
            week: {
                dow: 7
            },
            weekdaysMin: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        });
        getCanlendarList();
    }, []);

...
<DatePicker />

我用上面代码之后其他页面的datePicker也变成了星期几星期几..

期望结果

怎么样设置moment才能只生效一个组件

Answer 1

第一个，你可以使用CSS在 .ant-calendar-column-header-inner 下创建:before:伪类补充 content:'星期';display:inline;
另外也可以使用组件 api 设置展示的日期格式，但是不确定是否能修改了，我记得是有格式可以设置的。
如果在 ant-design-vue 的文档中没有找到，可以去 ant-design 中尝试找找看。

当然最快的是第一种方法，但是第二种优雅一些。