2017-05-02 3 views
1

Ich bin versuchen zu verwenden next Zweig des Materials UI https://github.com/callemall/material-ui/tree/next. Weil ich layout Komponente verwenden möchte. Aber ich kann DatePicker Komponente nicht finden! Wie verwenden Sie DatePicker in next Zweig?Wo datepicker in Material ui nächsten?

import {DatePicker} from 'material-ui' 

WARNING in ./app/Resources/js/components/FormConstructor/Field.js 208:47-57 "export 'DatePicker' was not found in 'material-ui'

Antwort

-3

Verwendung dieses
import DatePicker from 'material-ui/DatePicker';

besuchen auch diese link für abgeschlossene Details über Material-ui Datumsauswahl. Vergessen Sie nicht, Material-ui dh npm installieren --save Material-ui

Beispielcode unten

const DatePickerExampleSimple =() => (
    <div> 
    <DatePicker hintText="Portrait Dialog" /> 
    <DatePicker hintText="Landscape Dialog" mode="landscape" /> 
    <DatePicker hintText="Dialog Disabled" disabled={true} /> 
    </div> 
); 

export default DatePickerExampleSimple; 
+0

Aber wie? Ich kann keine Referenzen auf DatePicker im Quellcode finden! –

+0

Jetzt überprüfen Sie die Antwort Ich habe Beispielcode hinzugefügt –

+0

Diese Arbeit! Aber wie? Ich finde keine Referenzen auf DatePicker im Quellcode im Repository 'material-ui'! –

0

Import als DatePickers, TimePickers, DateAndTimePickers in der neuesten Material-ui Version V1.0.0-Beta.26.

ZB:

import {DatePickers, TimePickers, DateAndTimePickers} from 'material-ui'; 

Importieren von Datumsauswahl wie unten wie nicht mehr gültig in neuester Version verfügbar.

ZB:

import DatePicker from 'material-ui/DatePicker'; 
-1

Sie here überprüfen können, wo ich ein Beispiel tat von einem Datepicker mit Material-ui (nächsten Zweig) zu schaffen

Sie entweder die Komponente importieren oder überprüfen Sie einfach die Quellcode um zu lernen, wie man selbst einen Datepicker erstellt