你如何使用 Flatpickr 更改一周的开始日期？

Question

我想设置我的语言并更改开始日期。该应用程序在 React 中。

<Flatpickr
className="form-control cdr-filter-input-flatpickr"
name="date"
value={date}
options={options}
onChange={date => {event}
/>

以及选项：

const options = {
locale:{
    ...'fr',
    firstDayOfWeek:3
},
dateFormat: 'Y-m-d H:i',
time_24hr: true,
};

它有什么作用？它不会将语言设置为法语，但会正确设置开始日期。如果我这样做 "locale:'fr'"，我就不能再修改 firstDayOfWeek。

根据 https://github.com/flatpickr/flatpickr/issues/1398，它应该有效。我做错了什么吗？

Answer 1

导入了语言

import { French } from "flatpickr/dist/l10n/fr.js";

现在将其传递给选项

locale: {
   ...French,
   firstDayOfWeek: 3,
},

工作演示here

Answer 2

我设法解决了。它有一些问题，@Bharath 让我找到了解决问题的正确方法。

我不得不改变

import 'flatpickr/dist/l10n/';

到

import {English} from  'flatpickr/dist/l10n/default.js';
import {Dutch} from  'flatpickr/dist/l10n/nl.js';
import {French} from  'flatpickr/dist/l10n/fr.js';

这些必须以与 \node_modules\flatpickr\dist\l10n 中的 index.js 文件相同的方式编写。在底部的某个地方，他们在第 3529 行附近声明了 var l10n = {...}。所以寻找它。

然后我不得不写一个 switch case 来正确设置我的区域设置。我最终在一个帮助文件中做了这个

let options = {
  //do your own settings
}
switch(lang)
{
  case "en":
    options.locale={
      ...English,
      firstDayOfWeek:startingDay
    }
    break;
  ...
}

然后：

<Flatpickr
className="form-control cdr-filter-input-flatpickr"
name="date"
value={date}
options={options}
onChange={date => {event}
/>

你如何使用 Flatpickr 更改一周的开始日期？

How do you change starting day of the week wtih Flatpickr?

javascript

reactjs

flatpickr