Reactjs 自定义反应式搜索日期范围

我将如何处理国际化的ReactiveSearchDateRange组件的实现？我需要一个自定义日期格式（“dd.mm.yyyy”）和月份的翻译名称

<ReactiveBase
  app="carstore-dataset"
  credentials="4HWI27QmA:58c731f7-79ab-4f55-a590-7e15c7e36721">

  <DateRange
    componentId="DateSensor"
    dataField="mtime"
    title="DateRange"
    defaultValue={{
      start: new Date('2019-04-01'),
      end: new Date('2019-04-07')
    }}
    placeholder={{
        start: 'Start Date',
        end: 'End Date'
    }}
    focused={true}
    numberOfMonths={2}
    queryFormat="date"
    autoFocusEnd={true}
    showClear={true}
    showFilter={true}
    filterLabel="Date"
    URLParams={false}
  />

  <div>
    Hello ReactiveSearch!
  </div>
</ReactiveBase>

你好，反应搜索！

---

谢谢。

很抱歉延迟回复

DateRange

内部使用

DayPickerInput

中的

react day PickerInput

和日期组件有一个名为

dayPickerInputProps的道具，您可以直接使用它将道具直接发送到内部组件

要设置UI日期的格式，您需要使用其他软件包和道具。您可以转到本页：并滚动到名为
更改日期格式
的部分，以便更好地理解

以下是用于设置UI格式的示例代码段：

需要的软件包：

import dateFnsFormat from "date-fns/format";
import dateFnsParse from "date-fns/parse";
import { DateUtils } from "react-day-picker";

代码

function parseDate(str, format, locale) {
  const parsed = dateFnsParse(str, format, { locale });
  if (DateUtils.isDate(parsed)) {
    return parsed;
  }
  return undefined;
}

function formatDate(date, format, locale) {
  return dateFnsFormat(date, format, { locale });
}

const FORMAT = "dd/MM/yyyy"; // Your Format

<DateRange
  componentId="DateSensor"
  dayPickerInputProps={{
     formatDate,
     format: FORMAT,
     parseDate
  }}
  dataField="date_from"
/>

函数parseDate（str、格式、区域设置）{
const parsed=datefnparse（str，格式，{locale}）；
if（DateUtils.isDate（已解析））{
返回解析；
}
返回未定义；
}
函数formatDate（日期、格式、区域设置）{
返回日期fnsformat（日期，格式，{locale}）；
}
const FORMAT=“dd/MM/yyyy”//你的格式

您可以在此处查看一个工作示例：

希望这有帮助
 你能澄清一下吗？您希望在UI中显示此格式，还是希望使用此格式进行查询。@Yash我希望在UI中显示此格式。查询中没有格式。这是不可能的，除非修改节点_模块？这解决了你的问题吗？非常感谢，它工作得很好。你能写一些关于国际化的代码吗？我没有国际化的经验。你可以肯定地在ReactiveSearch上创建一个问题，从已经实现了它的其他人那里获得帮助。