DatePicker जाने के लिए सक्षम नहीं दूर से चालू माह और वर्ष

0

सवाल

आईएम का उपयोग कर DatePickerField इस तरह के इनपुट के लिए जन्म तिथि

           <DatePickerField
              name={dateOfBirth.name}
              label={dateOfBirth.label}
              format="dd/mm/yy"
              views={['date', 'month', 'year']}
              minDate={new Date('31/12/1900')}
              maxDate={new Date()}
              fullWidth
            />

यहाँ कोड के लिए DatePickerField.js

import React, { useState, useEffect } from 'react';
import { useField } from 'formik';
import Grid from '@material-ui/core/Grid';
import {
  MuiPickersUtilsProvider,
  KeyboardDatePicker
} from '@material-ui/pickers';
import DateFnsUtils from '@date-io/date-fns';

export default function DatePickerField(props) {
  const [field, meta, helper] = useField(props);
  const { touched, error } = meta;
  const { setValue } = helper;
  const isError = touched && error && true;
  const { value } = field;
  const [selectedDate, setSelectedDate] = useState(null);

  useEffect(() => {
    if (value) {
      const date = new Date(value);
      setSelectedDate(date);
    }
  }, [value]);

  function _onChange(date) {
    if (date) {
      setSelectedDate(date);
      try {
        const ISODateString = date.toISOString();
        setValue(ISODateString);
      } catch (error) {
        setValue(date);
      }
    } else {
      setValue(date);
    }
  }

  return (
    <Grid container>
      <MuiPickersUtilsProvider utils={DateFnsUtils}>
        <KeyboardDatePicker
          {...field}
          {...props}
          value={selectedDate}
          onChange={_onChange}
          error={isError}
          invalidDateMessage={isError && error}
          helperText={isError && error}
        />
      </MuiPickersUtilsProvider>
    </Grid>
  );
}

मैं कर रहा हूँ में असमर्थ करने के लिए नेविगेट करने के लिए किसी भी महीने या साल में इस का उपयोग. मैं परिभाषित किया है minDate भी है । नहीं यकीन है कि क्या कारण है इस मुद्दे पर.

material-ui reactjs
2021-11-24 04:41:56
1

सबसे अच्छा जवाब

0
views={['year', 'month', 'date']}
minDate={new Date('1900/12/01')}
2021-11-24 05:44:11

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में