monthCalendar按键事件

react-component · Mar 13, 2019 · 64d41c4 · 64d41c4
1 parent 856f781
commit 64d41c4
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 4 deletions.
diff --git a/src/MonthCalendar.jsx b/src/MonthCalendar.jsx
@@ -83,6 +83,26 @@ class MonthCalendar extends React.Component {
     }
   }
 
+  previousYear = () => {
+    const stateValue = this.state.value;
+    const value = stateValue.clone();
+    value.add(-1, 'years');
+
+    if (value !== stateValue) {
+      this.setValue(value);
+    }
+  }
+
+  nextYear = () => {
+    const stateValue = this.state.value;
+    const value = stateValue.clone();
+    value.add(1, 'years');
+
+    if (value !== stateValue) {
+      this.setValue(value);
+    }
+  }
+
   handlePanelChange = (_, mode) => {
     if (mode !== 'date') {
       this.setState({ mode });
@@ -106,6 +126,8 @@ class MonthCalendar extends React.Component {
             onMonthSelect={this.onSelect}
             onValueChange={this.setValue}
             onPanelChange={this.handlePanelChange}
+            previousYear={this.previousYear}
+            nextYear={this.nextYear}
           />
         </div>
         <CalendarFooter

diff --git a/src/calendar/CalendarHeader.jsx b/src/calendar/CalendarHeader.jsx
@@ -146,21 +146,25 @@ export default class CalendarHeader extends React.Component {
       enablePrev,
       disabledMonth,
       renderFooter,
+      previousYear,
+      nextYear,
     } = props;
 
     let panel = null;
     if (mode === 'month') {
       panel = (
         <MonthPanel
           locale={locale}
-          defaultValue={value}
+          value={value}
           rootPrefixCls={prefixCls}
           onSelect={this.onMonthSelect}
           onYearPanelShow={() => this.showYearPanel('month')}
           disabledDate={disabledMonth}
           cellRender={props.monthCellRender}
           contentRender={props.monthCellContentRender}
           renderFooter={renderFooter}
+          previousYear={previousYear}
+          nextYear={nextYear}
         />
       );
     }

diff --git a/src/month/MonthPanel.jsx b/src/month/MonthPanel.jsx
@@ -74,7 +74,7 @@ class MonthPanel extends React.Component {
   render() {
     const props = this.props;
     const value = this.state.value;
-    const { locale, cellRender, contentRender, renderFooter } = props;
+    const { locale, cellRender, contentRender, renderFooter, previousYear, nextYear } = props;
     const year = value.year();
     const prefixCls = this.prefixCls;
 
@@ -87,7 +87,7 @@ class MonthPanel extends React.Component {
             <a
               className={`${prefixCls}-prev-year-btn`}
               role="button"
-              onClick={this.previousYear}
+              onClick={previousYear}
               title={locale.previousYear}
             />
 
@@ -104,7 +104,7 @@ class MonthPanel extends React.Component {
             <a
               className={`${prefixCls}-next-year-btn`}
               role="button"
-              onClick={this.nextYear}
+              onClick={nextYear}
               title={locale.nextYear}
             />
           </div>