要保持react-dates日历始终打开,可以使用open
属性,并将其设置为true
。以下是一个具体的代码示例:
import React, { useState } from 'react';
import { DateRangePicker } from 'react-dates';
import 'react-dates/lib/css/_datepicker.css';
const App = () => {
const [focusedInput, setFocusedInput] = useState(null);
const handleFocusChange = (focusedInput) => {
setFocusedInput(focusedInput);
};
return (
{}}
focusedInput={focusedInput}
onFocusChange={handleFocusChange}
open={true} // 设置为true以始终打开日历
showClearDates={true}
startDatePlaceholderText="开始日期"
endDatePlaceholderText="结束日期"
/>
);
};
export default App;
在上面的代码中,我们使用useState
钩子来设置focusedInput
状态,并使用handleFocusChange
函数来更新它。然后,在DateRangePicker
组件中,我们将open
属性设置为true
,以始终打开日历。