Ant Design Calendar 如何将周日设置为第一列？

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《Ant Design Calendar 如何将周日设置为第一列？》，聊聊，我们一起来看看吧！

ant design calendar 调整周日为首列

如何让 ant design calendar 中的第一列展示周日？

解决方法：

在当前组件存在的页面周期时，更新 moment 配置，页面关闭前再重新更新 moment 配置。

// mounted
moment.updatelocale('zh-cn', { week: { dow: 0 } })
// unmount
moment.updatelocale('zh-cn', { week: { dow: 1 } })

示例：

import { Calendar } from 'antd';

const App = () => {
  useEffect(() => {
    // 组件挂载时更新 Moment 配置
    moment.updateLocale('zh-cn', { week: { dow: 0 } });

    // 组件卸载前恢复 Moment 配置
    return () => moment.updateLocale('zh-cn', { week: { dow: 1 } });
  }, []);

  return <Calendar />;
};

export default App;

今天关于《Ant Design Calendar 如何将周日设置为第一列？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！