Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 物料表中的日期选择器本地化(物料界面)_Javascript_Reactjs_Datepicker_Localization_Material Ui - Fatal编程技术网

Javascript 物料表中的日期选择器本地化(物料界面)

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

有人知道如何在物料表(物料UI)中本地化日期选择器吗?在本例中,筛选时使用日期选择器

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;