在React.js中创建日期选择器(DatePicker)可以通过使用第三方库来实现。以下是一种常见的方法:
npm install react-datepicker
或
yarn add react-datepicker
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
import React, { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
const MyComponent = () => {
const [selectedDate, setSelectedDate] = useState(null);
const handleDateChange = (date) => {
setSelectedDate(date);
};
return (
<div>
<DatePicker selected={selectedDate} onChange={handleDateChange} />
</div>
);
};
export default MyComponent;
在上面的示例中,我们使用useState钩子来跟踪所选日期,并使用handleDateChange函数来更新选定的日期。
请注意,这只是使用React Datepicker库创建日期选择器的一种方法。还有其他第三方库可供选择,具体取决于你的需求和偏好。
领取专属 10元无门槛券
手把手带您无忧上云