web-dev-qa-db-fra.com

Impossible d'utiliser Material-ui-pickers dans React js web application

J'essaie d'implémenter Material-ui-picker dans l'application React.

Code intégré de ci-dessous lien

essayer de mettre en œuvre une section de conception complémentaire

enter image description here

J'ai utilisé le code des documents dans un fichier séparé et installé tous les packages mais le module n'a pas été trouvé: Erreur: impossible de résoudre 'date-fns/format' Ensuite, j'ai essayé d'importer le lien date-fns depuis le chemin du dossier node-modules comme cette importation DateFnsUtils de '../../../../node_modules/date-fns/form' puis en dessous de l'erreur. enter image description here

Quelqu'un a-t-il intégré avec succès des sélecteurs de matériaux? Veuillez suggérer

reactjsmaterial-uimaterial-ui-pickers
3
Roster

Reportez-vous au documentation officielle

Vous devez installer et passer des utilitaires. Installez d'abord des utilitaires pour votre bibliothèque:

npm install date-fns @date-io/date-fns

Ensuite, passez-les au fournisseur d'utils

import React, { useState } from "react";
import DateFnsUtils from "@date-io/date-fns"; // import
import { DatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";

function App() {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker value={selectedDate} onChange={handleDateChange} />
    </MuiPickersUtilsProvider>
  );
}

Ici est bac à sable pour jouer aroung :)

8
Dmitriy Kovalenko

Vous devez installer et passer des utilitaires. Installez d'abord des utilitaires pour votre bibliothèque:

npm i @date-io/[email protected] date-fns

ou

npm i @date-io/[email protected] moment

ou

npm i -s @date-io/[email protected] luxon

ou

npm i -s @date-io/[email protected] dayjs

("Le @date-io la bibliothèque publie une nouvelle version v2 qui brise ce module.

Veuillez mettre à jour les documents et exiger l'installation uniquement de la version 1.X de @date-io pendant ce temps.")

0
Aniket Jagtap