需求
在實現(xiàn)react,里面引入antd時間選擇器,默認顯示為英文
思路
入口處使用ConfigProvider全局化配置,設(shè)置 locale
屬性為中文來實現(xiàn)。官方文檔介紹全局化配置 ConfigProvider - Ant Design文章來源:http://www.zghlxwxcb.cn/news/detail-813318.html
代碼
文章來源地址http://www.zghlxwxcb.cn/news/detail-813318.html
import React from 'react';
import { Provider } from 'mobx-react';
import App from './App';
import store from '../olalalaStore/store';
import { createRoot } from 'react-dom/client';
import { ConfigProvider } from 'antd';
// antd時間選擇器改為中文
import zhCN from 'antd/locale/zh_CN';
import 'dayjs/locale/zh-cn';
// 使用 ReactDOM.createRoot 創(chuàng)建 React 根節(jié)點
const root = createRoot(document.getElementById('root'));
// 在根節(jié)點上渲染應用
root.render(
<ConfigProvider locale={zhCN}>
<React.StrictMode>
{/* 使用 MobxProvider 包裹整個應用,并傳遞 MobX Store */}
<Provider store={store}>
<App />
</Provider>
</React.StrictMode>
</ConfigProvider>
);
到了這里,關(guān)于antd時間選擇器,設(shè)置顯示中文的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!