📆
【React】React DatePickerの導入
ライブラリのインストール
ターミナル
npm install react-datepicker
DatePikcerを使いたいファイルに以下を記載
モジュールのimport
import DatePicker from "react-datepicker"
import "react-datepicker/dist/react-datepicker.css"
stateの定義
const today = new Date();
const [date, setDate] = useState(today);
onChange用のアロー関数定義
const getInputTextForDate = (event) => setDate(event);
DatePickerコンポーネントの呼び出し
<DatePicker
dateFormat="yyyy/MM/dd"
selected={date}
onChange={getInputTextForDate}
/>
Discussion