如何在 Kendo React UI 日历库中更改一周的第一天

Question

Kendo React JS 的日历库中默认一周的第一天是星期日。

一周的开始日期应该是星期一。

Answer 1

它是使用 IntlProvider 进行本地化的，请参阅 documentation in the KendoReact site。在示例中，日历从星期一开始，而不是星期日，因为它使用的是 ES 文化。 IntlProvider 向 DatePicker 提供文化，包括一周的第一天。您可以从 CLDR as it is from their repo 加载数据。或者先修改它以满足您的需要，然后加载它。例如：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')
    );

和上面的here is live version。

如何在 Kendo React UI 日历库中更改一周的第一天

How to change first day of week in Kendo react UI calendar library

kendo-datepicker

kendo-react-ui