日期选择器数字格式( kendo-react )

时间:2021-04-24 05:38:09

标签: reactjs kendo-ui datepicker localization

我正在使用 kendoreact ui 并尝试添加一个本地日期选择器我成功地本地化了选择器中的所有内容,除了更改我的代码是:

import { DatePicker } from '@progress/kendo-react-dateinputs';
import {
  IntlProvider,
  LocalizationProvider,
  load,
  loadMessages,
} from '@progress/kendo-react-intl';
import currencyData from 'cldr-core/supplemental/currencyData.json';
import likelySubtags from 'cldr-core/supplemental/likelySubtags.json';
import numberingSystems from 'cldr-core/supplemental/numberingSystems.json';
import weekData from 'cldr-core/supplemental/weekData.json';
import caGregorian from 'cldr-dates-full/main/ar-SA/ca-gregorian.json';
import dateFields from 'cldr-dates-full/main/ar-SA/dateFields.json';
import timeZoneNames from 'cldr-dates-full/main/ar-SA/timeZoneNames.json';
import numbers from 'cldr-numbers-full/main/ar-SA/numbers.json';
import React, { Component } from 'react';

import arMessages from '../config/kendo/ar-SA.json';
import { AppDateInput } from './AppDateInput';
import { AppPopup } from './AppPopup';

loadMessages(arMessages, 'ar-SA');
load(
  likelySubtags,
  currencyData,
  weekData,
  numbers,
  caGregorian,
  dateFields,
  timeZoneNames,
  numberingSystems
);
class AppDatePicker extends Component {
render() {
    return (
    <LocalizationProvider language='ar-SA'>
        <IntlProvider locale='ar-SA'>
          <DatePicker
            popup={AppPopup}
            dateInput={AppDateInput}
            defaultValue={this.props.defaultValue}
            onChange={this.props.onChange}
          />
        </IntlProvider>
      </LocalizationProvider>
    );
  }
}

这就是它的样子: enter image description here

如何将数字从 0123456789 更改为 ٠١٢٣٤٥٦٧٨٩ 任何的想法?谢谢

0 个答案:

没有答案