app.js 847 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. import React from 'react'
  2. import ReactDOM from 'react-dom'
  3. // import DatePicker from './index'
  4. import DatePicker from 'rt-datepicker'
  5. import './styles/index.css'
  6. const { MonthPicker } = DatePicker
  7. // const disabledDate = current => (
  8. // start & end
  9. // ['2018-01-02', current]
  10. // end
  11. // [current]
  12. // )
  13. const App = () => (
  14. <React.Fragment>
  15. <p>日历模式</p>
  16. <DatePicker
  17. inline
  18. // disabledDate={current => disabledDate(current)}
  19. defaultDate="2018-01-31"
  20. placeholder="please choose date"
  21. onSelectDate={day => console.log(day)}
  22. />
  23. <p>月份选择模式</p>
  24. <MonthPicker
  25. inline
  26. placeholder="Select month"
  27. year="2018"
  28. month="01"
  29. onSelectMonth={month => console.log(month)}
  30. />
  31. </React.Fragment>
  32. )
  33. ReactDOM.render(<App />, document.getElementById('container'))