如何在material-ui日期选择器中仅取值中的月/年

Question

我有一个日期选择器，我将其修改为只允许用户选择月/年。现在，我只需要数据的一部分(月/年)，因为它返回如下内容

“清华2月18日21:11:54 GMT+0800 (中国标准时间)”。

我正在考虑将整个字符串放入数组中，并获取月份和年份的索引，但在这样做之前，我想知道是否有更好、更快的方法。

现在，我所做的是这样的

const [selectedDate, setSelectedDate] = useState(new Date());

const handleDateChange = (date) => {
   console.log(date);
};

<DatePicker
   variant="inline"
   openTo="year"
   views={["year", "month"]}
   label="Year and Month"
   value={"selectedDate"}
   onChange={handleDateChange}
/>

它记录了“清华2月18日2010 21:11:54 GMT+0800 (中国标准时间)”。我只想要“2010年2月”。

Answer 1

要存储您在selectedDate变量中详细说明的日期，请将handleDateChange函数更改为以下内容。

const handleDateChange = (date) => {
  setSelectedDate(new Date(date.getFullYear(), date.getMonth()));
}

Answer 2

let dateObj = new Date();

对于本地日期：

console.log((dateObj.getFullYear()) + "/" + (dateObj.getMonth() + 1));

对于通用：

console.log((dateObj.getUTCFullYear()) + "/" + (dateObj.getUTCMonth() + 1));