Javascript 物料表中的日期选择器本地化(物料界面)
有人知道如何在物料表(物料UI)中本地化日期选择器吗?在本例中,筛选时使用日期选择器Javascript 物料表中的日期选择器本地化(物料界面),javascript,reactjs,datepicker,localization,material-ui,Javascript,Reactjs,Datepicker,Localization,Material Ui,有人知道如何在物料表(物料UI)中本地化日期选择器吗?在本例中,筛选时使用日期选择器 import React from 'react'; import MaterialTable from 'material-table'; function App() { return ( <MaterialTable title="Simple Action Preview" columns={[ { title: 'Birt
import React from 'react';
import MaterialTable from 'material-table';
function App() {
return (
<MaterialTable
title="Simple Action Preview"
columns={[
{ title: 'Birthday', field: 'birthDay', type: 'date'},
]}
data={[
{ birthDay: "08-30-2020" },
]}
options={{
filtering: true
}}
/>
);
}
export default App;
从“React”导入React;
从“物料表”导入物料表;
函数App(){
返回(
);
}
导出默认应用程序;
物料界面文档
从'@material ui/core/styles'导入{createMuiTheme,ThemeProvider};
从'@material ui/core/locale'导入{zhCN};
const theme=createMuiTheme({
调色板:{
主:{main:'#1976d2'},
},
},zhCN);
文件App.js
import React from 'react';
import MaterialTable from 'material-table';
import ruLocale from 'date-fns/locale/ru';
function App() {
return (
<MaterialTable
title="Simple Action Preview"
columns={[
{ title: 'Birthday', field: 'birthDay', type: 'date'},
]}
data={[
{ birthDay: "08-30-2020" },
]}
options={{
filtering: true
}}
localization={{
body: {
dateTimePickerLocalization: ruLocale
}
}}
/>
);
}
export default App;
从“React”导入React;
从“物料表”导入物料表;
从“日期fns/locale/ru”导入ruLocale;
函数App(){
返回(
);
}
导出默认应用程序;
在列中添加日期设置
const列=[
{
标题:“简单动作预览”,
字段:“生日”,
键入:“日期”,
日期设置:{locale:“ko KR”}
....
}
]
文本的本地化还是日期格式?请更具体一些,并添加一些代码,你已经实现了文本的本地化。这在我的情况下不起作用。
npx create-react-app datepicker
cd .\datepicker\
npm install material-table @material-ui/core --save
import React from 'react';
import MaterialTable from 'material-table';
import ruLocale from 'date-fns/locale/ru';
function App() {
return (
<MaterialTable
title="Simple Action Preview"
columns={[
{ title: 'Birthday', field: 'birthDay', type: 'date'},
]}
data={[
{ birthDay: "08-30-2020" },
]}
options={{
filtering: true
}}
localization={{
body: {
dateTimePickerLocalization: ruLocale
}
}}
/>
);
}
export default App;