antd-Calendar(日历)自动嵌入对应时间问题

**代码建议去antd官网copy,最主要的是getListData方法这个用我的这个方法,他就会将数据嵌入到对应的日历框内。
**

import React from 'react';
import { Form, Input, InputNumber, Modal, Calendar, Badge, Alert, Select } from 'antd';
import { connect } from 'dva';
import AddSum from './addSum';
import moment from 'moment';
const { Option } = Select;
class AddModelCr extends React.Component {
  constructor(props){
    super(props);
  }

  componentWillMount() {

  }


   getListData=(value)=> {
     let listData =[];
     this.props.arTime.forEach((it,index) => {
         if (moment(value).format('YYYY-MM-DD') === moment(it.ardateeqDate).format('YYYY-MM-DD') ) {
           listData.push(it);
         }
       });
     return listData;
  }

  dateFullCellRender= value=>{
  let num =this.getListData(value);
    return (
      <div style={{width:'100%', height:'100%',padding: '20px'}}>
        {num.map((item,index) => (
          <div key={index} onClick={()=>this.Ok(item)}>
            <span key={index} style={{fontSize:'19px'}}>{item.ardateeqEqnum+'台'} </span>
          </div>
        ))}
      </div>
    );
  }
  Ok = (value) => {
    this.props.dispatch({
      type: 'smat/openModel4',
      payload: value,
    });
  }


  **onPanelChange** = value => {
    value.arId=this.props.arIds;
    value.ardateeqDate=moment(value).format('YYYY-MM');
    this.props.dispatch({
      type: 'smat/selectTime',
      payload:value,
    });
    this.props.dispatch({
      type: 'smat/setTime',
      payload:value.ardateeqDate,
    });
  };


      render() {
            return (
              <div>
        
                <Calendar  dateCellRender ={this.dateFullCellRender}  onPanelChange={this.onPanelChange} />
        
            );
          }
        }

** 还有 只用这两个dateCellRender、onPanelChange方法就满足点击点击日历框or选择年月日的响应了。因为还有个什么方法来着 会跟上面的一个方法冲突,类似于重叠,影响相应。点击按钮的年这边我没有业务,我没做任何处理。**
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

boJIke

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值