Это НЕ дублирование https://github.com/mui-org/material-ui-pickers/issues/1440, потому что у меня нет проблем с исходным использованием.
По этой ссылке здесь https://material-ui-pickers.dev/localization/calendar-systems Я использовал JalaliUtils от @ date-io / jalaali. Вот мой код, и вы можете видеть, что я использовал две разные утилиты, которые с JalaaliUtils я получаю две ошибки:
TypeError: utils.getDayText не является функцией
TypeError: utils.getYearText не является функцией
Вместо этого он работает просто отлично, если я использую MomentUtils из @ date-io / moment, но это не то, что я хочу. есть ли ошибки в самом пакете?
import React, { useState } from "react";
import moment from "moment";
import jMoment from "moment-jalaali";
import JalaliUtils from "@date-io/jalaali";
import MomentUtils from '@date-io/moment';
import {
DatePicker,
MuiPickersUtilsProvider,
} from "@material-ui/pickers";
jMoment.loadPersian({ dialect: "persian-modern", usePersianDigits: true });
function PersianExample() {
const [selectedDate, handleDateChange] = useState(moment());
return (
<React.Fragment>
<MuiPickersUtilsProvider utils={JalaliUtils} locale="fa">
<DatePicker
clearable
okLabel="ok"
cancelLabel="cancel"
clearLabel="clear"
labelFunc={date => (date ? date.format("jYYYY/jMM/jDD") : "")}
value={selectedDate}
onChange={handleDateChange}
/>
</MuiPickersUtilsProvider>
<MuiPickersUtilsProvider utils={MomentUtils}>
<DatePicker value={selectedDate} onChange={handleDateChange} />
</MuiPickersUtilsProvider>
</React.Fragment>
);
}
export default PersianExample;
Мой пакет. json
{
"name": "search-documents",
"version": "0.1.0",
"private": true,
"dependencies": {
"@apollo/react-hooks": "^3.1.3",
"@date-io/date-fns": "1.x",
"@date-io/dayjs": "1.x",
"@date-io/jalaali": "^2.3.0",
"@date-io/moment": "1.x",
"@material-ui/core": "^4.8.3",
"@material-ui/icons": "^4.5.1",
"@material-ui/pickers": "^3.2.10",
"@reduxjs/toolkit": "^1.2.3",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"@types/apollo-upload-client": "^8.1.3",
"@types/jest": "^24.0.0",
"@types/moment-jalaali": "^0.7.4",
"@types/node": "^12.0.0",
"@types/react": "^16.9.19",
"@types/react-dom": "^16.9.0",
"@types/react-redux": "^7.1.7",
"@types/react-router-dom": "^5.1.3",
"apollo-boost": "^0.4.7",
"apollo-upload-client": "^12.1.0",
"crypto-js": "^3.1.9-1",
"date-fns": "^2.9.0",
"dayjs": "^1.8.20",
"graphql": "^14.5.8",
"jss-rtl": "^0.3.0",
"moment": "^2.24.0",
"moment-jalaali": "^0.9.1",
"react": "^16.12.0",
"react-advance-jalaali-datepicker": "^1.2.2",
"react-apollo": "^3.1.3",
"react-dom": "^16.12.0",
"react-redux": "^7.1.3",
"react-relay": "^8.0.0",
"react-router-dom": "^5.1.2",
"react-scripts": "3.3.0",
"redux": "^4.0.5",
"typescript": "~3.7.2",
"yup": "^0.28.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}