@parsonsnguyen/react-month-picker
Version:
React month-picker Component
51 lines (44 loc) • 1.33 kB
JavaScript
import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import { LaMonthPicker } from '../src';
export default class App extends Component {
constructor(props){
super(props);
this.state = {
selectedYear: 2021,
selectedMonth: 10,
selectedFromDay: 1,
selectedToDay: 31,
};
}
onYearChange(year){
alert("year:" + year);
}
onMonthChange(month){
alert("month:" + month);
}
onFromDayChange(fromDay){
alert("fromDay:" + fromDay);
}
onToDayChange(toDay){
alert("toDay:" + toDay);
}
render() {
return (
<div>
<LaMonthPicker
onYearChange={this.onYearChange}
onMonthChange={this.onMonthChange}
onFromDayChange={this.onFromDayChange}
onToDayChange={this.onToDayChange}
defaultDate="2021-10-01"
minDate="2018-10-01"
maxDate= {new Date()}
labelMonthPicker="Tháng"
isShowDayRange={true}
/>
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById("app"));