Material-ui-pickers: Use Inline mode click alert error ~~

Created on 24 Jan 2019  ·  2Comments  ·  Source: mui-org/material-ui-pickers

Environment

| Tech | Version |
|---------------------|---------|
| material-ui-pickers | 2.1.2 |
| material-ui | 0.20.2 |
| React | 16.7.0 |
| Browser | chrome |

Expected behavior

Use Inline mode click alert error

TypeError: _this.props.utils.startOfMonth is not a function  
at new Calendar (Calendar.js:43)

2019-01-24 22 55 17

Code example

    <MuiPickersUtilsProvider utils={MomentUtils}>
  <InlineDatePicker
    onlyCalendar
    className={'jw-datarange-start'}
    format={format}
    placeholder="开始时间"
    {...self.props.startDateProps || {}}
    value={self.state.startDate!=null?moment(self.state.startDate*1000):null}
    onChange={(e)=>self.startDateChange(e)}
  />
  <div className="jw-datarange-sep">-</div>
  <InlineDatePicker
    onlyCalendar
    className={'jw-datarange-end'}
    format={format}
    placeholder="结束时间"
    minDate={self.state.startDate!=null?moment(self.state.startDate*1000):null}
    {...self.props.endDateProps || {}}
    value={self.state.endDate!=null?moment(self.state.endDate*1000):null}
    onChange={(e)=>self.endDateChange(e)}
  />
</MuiPickersUtilsProvider>

All 2 comments

npm install @date-io/[email protected] --save

LOL it worked for me!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nicky-dev picture nicky-dev  ·  3Comments

filipenevola picture filipenevola  ·  4Comments

danmce picture danmce  ·  3Comments

brett-patterson picture brett-patterson  ·  3Comments

callmeberzerker picture callmeberzerker  ·  3Comments