要禁止React-DatePicker的时间变更,可以使用disabled
属性来禁用时间选择器的输入框。以下是一个示例代码:
import React, { useState } from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
const App = () => {
const [selectedDate, setSelectedDate] = useState(null);
return (
setSelectedDate(date)}
showTimeSelect
timeFormat="HH:mm"
timeIntervals={15}
timeCaption="Time"
dateFormat="MMMM d, yyyy h:mm aa"
disabled // 禁用时间选择器
/>
);
};
export default App;
在这个示例中,我们将disabled
属性设置为true
,这将禁用时间选择器的输入框。这样用户将无法手动更改时间。