gpt4 book ai didi

reactjs - Material UI 选择器 - Jalali 日历问题

转载 作者:行者123 更新时间:2023-12-03 22:00:26 25 4
gpt4 key购买 nike

我在 React 应用程序中使用 Material-UI 选择器,但无法获取 Jalali 日历 example上类。
我使用的软件包版本是:

"@date-io/jalaali": "^1.3.13",
"@date-io/moment": "^1.3.13",
"@material-ui/core": "^4.8.3",
"@material-ui/icons": "^4.5.1",
"@material-ui/pickers": "^3.2.8",
"moment": "^2.24.0",
"moment-jalaali": "^0.9.1",
"react": "^16.12.0",
"react-scripts": "3.3.0",
"react-dom": "^16.12.0",

错误 TypeError: utils.getDayText is not a function对于日期选择器, TypeError: utils.getHourText is not a function用于 TimePicker 和 TypeError: utils.getYearText is not a function
用于日期时间选择器。我试图更改某些软件包的版本,但没有任何 react 。

编辑:

我发现问题出在 <MuiPickersUtilsProvider utils={JalaliUtils} locale="fa"> 中的 JalaliUtils ,但仍然无法找到解决方案。
import moment from "moment";
import jMoment from "moment-jalaali";
import React, { useState } from "react";
import JalaliUtils from "@date-io/jalaali";

import {
DatePicker,
MuiPickersUtilsProvider,
} from "@material-ui/pickers";

jMoment.loadPersian({ dialect: "persian-modern", usePersianDigits: true });

function PersianExample() {
const [selectedDate, handleDateChange] = useState(moment());

return (
<MuiPickersUtilsProvider utils={JalaliUtils} locale="fa">
<DatePicker
clearable
okLabel="تأیید"
cancelLabel="لغو"
clearLabel="پاک کردن"
labelFunc={date => (date ? date.format("jYYYY/jMM/jDD") : "")}
value={selectedDate}
onChange={handleDateChange}
/>
</MuiPickersUtilsProvider>
);
}

export default PersianExample;

最佳答案

奇怪的是,这个例子现在正在使用 "@date-io/jalaali": "^1.3.12"然而,这两个版本之间没有太大的区别。谢谢Alex为您 sandbox .

关于reactjs - Material UI 选择器 - Jalali 日历问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59764555/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com