使用antdesign日期控件实现控制月份-创新互联

使用ant design日期控件实现控制月份?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

10余年的四方台网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整四方台建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“四方台网站设计”,“四方台网站推广”以来,每个客户项目都认真落实执行。

总体效果:

使用ant design日期控件实现控制月份

展开后:

使用ant design日期控件实现控制月份

选值后:

使用ant design日期控件实现控制月份

代码部分:

1、引入:

import { DatePicker } from 'antd';

2、主体部分:

export default class PersonInfo extends Component{
  constructor() {
  super();
 //设置状态,存储日期
   this.state = {
      workMode: ['month', 'month'], 
      workValue: [], 
    };
  }
  render(){
    //主体引用
 const {RangePicker} = DatePicker;
 return(
      

新闻名称:使用antdesign日期控件实现控制月份-创新互联
文章路径:http://pwwzsj.com/article/dsjgcs.html