-1
votes

Localisation du sélecteur de dates dans la table des matières (interface utilisateur des matières)

Est-ce que quelqu'un sait comment faire la localisation du sélecteur de date dans la table des matériaux (Material UI)? Dans cet exemple, le sélecteur de date est utilisé lors du filtrage.

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;

javascript reactjs material-ui datepicker localization

2 commentaires

La localisation du texte ou le format de la date? Veuillez être plus précis et ajouter du code que vous avez obtenu

La localisation du texte.

3 Réponses :

1
votes

Document de localisation Material-UI

import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
import { zhCN } from '@material-ui/core/locale';

const theme = createMuiTheme({
  palette: {
    primary: { main: '#1976d2' },
  },
}, zhCN);

<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>

0 commentaires

0
votes

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;

0 commentaires

1
votes

Ajoutez la dateSetting dans les colonnes.

const columns = [
    {
      title: "Simple Action Preview",
      field: 'birthYear',
      type: "date",
      dateSetting: { locale: "ko-KR"}
      ....
    }
]

0 commentaires