Javascript 如何在React日期选择器上以mm yyyy格式设置日历

我想将日历设置为仅显示月份和年份。因为我正在使用npm包。我用下面的代码试过了

import React, { useState } from 'react';
import DatePicker from 'react-date-picker';
 
function MyApp() {
  const [value, onChange] = useState(new Date());
 
  return (
    <div>
      <DatePicker
        onChange={onChange}
        value={value}
        formatDate="MMMM YYYY"
      />
    </div>
  );
}

import React，{useState}来自“React”；
从“反应日期选择器”导入日期选择器；
函数MyApp（）{
const[value，onChange]=useState（新日期（））；
返回(
);
}

在abobe代码中，我也尝试了使用它，并使用表中给出的formatMonth。 但这对我不起作用

---

我们如何解决它呢？

这可以通过使用

Date

类以本机方式完成

函数格式（日期）{
return[（date.getMonth（）+1）.toString（）.padStart（2，'0'），date.getFullYear（）]。join（'-'））
}
console.log（格式化（new Date（））

可用于格式化日期。并按如下方式更新您的代码：

import dayjs from 'dayjs';

...

<DatePicker
    onChange={onChange}
    value={value}
    formatLongDate={(locale, date) => dayjs(date).format('MM-YYYY')}
/>

...

从“dayjs”导入dayjs；
...
dayjs（date.format（'MM-YYYY'）}
/>
...