Giter Site home page Giter Site logo

jessemao / react-calendar-mobile Goto Github PK

View Code? Open in Web Editor NEW
22.0 1.0 11.0 1.72 MB

React Calendar Mobile is a component very easy to use with scroll event enabled.

Home Page: https://jessemao.github.io/react-calendar-mobile/

License: MIT License

HTML 3.82% CSS 8.97% JavaScript 87.21%
calendar calendar-component calendar-events react react-calendar calendar-mobile mobile scrollable calendar-scrollable react-mobile

react-calendar-mobile's People

Contributors

jessemao avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

react-calendar-mobile's Issues

Not able to select date on android 9

There are multiple issue.

  1. Not able select date in android 9
  2. Event onSelectDate always call when screen render.
  3. Current week and date not focused.

window is not defined

I'm using nextjs, and because I import react-calendar-mobile. It says window is not defined.
but on desktop refreshing would rum with no problem. on iPhone it just says window is not defined.

/util/constant.js中item_height

请问/util/constant.js中item_height是什么意思? month是怎样 week又是怎样在移动到手机需要处理兼容性问题,不知道这两个参数的意思

Missing an easy way to move to next month

Hi,

In render I'm missing a easy way to move to next and previous month.
I think it could be done using startDateAt... But I have to implement it, create the arrows < > to move the months, etc...

I good idea is to have that out of box.

Update component on change startDateAt

Hi,

I'm trying make a custom navigation between months, but I am barred, because the component not update the render when update de startDateAt prop.

Ex:

// ...

this.state = {
    startAt: moment().toDate()
}

// ...

goToNextMonth() {
    this.setState({
        startAt: moment(this.state.startDateAt).add(1, 'months').toDate()
    })
}

// ...

<Calendar
    startDateAt={this.state.startAt}
    decorate={this.decorates}
    i18n={locale}
    onSelectDate={(date) => this.handleSelect(date)}
/>

<button className='agenda-btn next' onClick={this.goToNextMonth}>{monthName} >></button>

In the console is showing the correct data, but just is not updating the component.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.