在 Material UI 庫中以編程方式關閉日期/時間選擇器？

Question

如何在 Material UI 庫中以編程方式關閉日期/時間選擇器？

Answer 1

 import React from 'react'; import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog'; export default class SomeComponent extends React.Component { constructor(props, context) { super(props, context); this.closeDatePicker = this.closeDatePicker.bind(this); this.openDatePicker = this.openDatePicker.bind(this); } closeDatePicker() { this.datePicker.dismiss(); } openDatePicker() { this.datePicker.show(); } render() { return ( <div> <button onClick={this.openDatePicker}>Open</button> <button onClick={this.closeDatePicker}>Close</button> <DatePickerDialog ref={ref => this.datePicker = ref} /> </div> ); } }

Answer 2

這將起作用autoOk={true} 。 有關更多信息，請參閱此github問題

Answer 3

自動確定={真}

您可以在組件中傳遞此道具以在選擇日期后關閉彈出窗口。

Answer 4

我正在使用的庫是MobileDatePicker

import MobileDatePicker from '@mui/lab/MobileDatePicker'  

因此，您需要傳遞帶有布爾值的disableCloseOnSelect道具，如下所示，以在用戶選擇日期時自動關閉日期選擇器

<MobileDatePicker
   disableCloseOnSelect={false}             
/>