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;
3 Réponses :
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>
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;
Ajoutez la dateSetting dans les colonnes.
const columns = [ { title: "Simple Action Preview", field: 'birthYear', type: "date", dateSetting: { locale: "ko-KR"} .... } ]
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.