php中文网

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

php中文网

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></calendar>;
};

export default App;

以上就是Ant Design Calendar 如何将周日设置为第一列?的详细内容,更多请关注php中文网其它相关文章!