Как изменить первый день недели в библиотеке календаря интерфейса пользователя Kendo реагировать - PullRequest
Новая
       33

Как изменить первый день недели в библиотеке календаря интерфейса пользователя Kendo реагировать

0 голосов
/ 12 февраля 2019

Первый день недели в библиотеке календарей Kendo React JS по умолчанию: Воскресенье .

Хотите, чтобы начальный день недели был Понедельник .

1 Ответ

0 голосов
/ 28 февраля 2019

Он локализован с использованием IntlProvider, см. Документацию на сайте KendoReact .В этом примере календарь начинается с понедельника, а не с воскресенья, так как он использует культуру ES.IntlProvider предоставляет культуры DatePicker, включая первый день недели.Вы можете загрузить данные из CLDR как они есть из их репозитория .Или сначала измените его в соответствии с вашими потребностями, а затем загрузите.Например: weekData.supplemental.weekData.firstDay.US = 'mon';

Вот такой пример переопределения с полным кодом: 

    import * as React from 'react';
    import * as ReactDOM from 'react-dom';

    import { Calendar } from '@progress/kendo-react-dateinputs';
    import { IntlProvider, load } from '@progress/kendo-react-intl';

    import likelySubtags from 'cldr-core/supplemental/likelySubtags.json';
    import currencyData from 'cldr-core/supplemental/currencyData.json';
    import weekData from 'cldr-core/supplemental/weekData.json';

    load(likelySubtags, currencyData, weekData);

    weekData.supplemental.weekData.firstDay.US = 'mon';

    class App extends React.Component {
    render() {
        return (
        <IntlProvider locale={'en-US'}>
            <div className="example-wrapper row">
            <Calendar />
            </div>
        </IntlProvider>
        );
    }
    }

    ReactDOM.render(
    <App />,
    document.querySelector('my-app')
    );

И - это версия в реальном времени из приведенных выше.

...