antd(1)-设置RangePicker选择区间和默认选择时间

原创 2018年04月16日 14:17:41
  1. 安装并引入moment
import moment from 'moment'
  1. 设置区间和默认选择时间
const dateFormat = 'YYYY-MM-DD'
// 默认选择时间为最近7天
const defaultSelectDate = {
  startDate: moment().startOf('day').subtract(6, 'days'),
  endDate: moment().endOf('day')
}
// 选择时间限制,区间是今天往前的3个月,也就是最近三个月
const limitSelectDate = {
  min: moment().startOf('day').subtract(3, 'months'),
  max: moment().endOf('day')
}
  1. 设置到组件中
<FormItem label='获得名片时间' colon={false}>
  {getFieldDecorator('obtainDateArr', {
    initialValue: [defaultSelectDate.startDate, defaultSelectDate.endDate]
  })(
    <RangePicker onChange={this.onDateSelectChange} disabledDate={this.disabledDate}
    />
  )}
</FormItem>
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/nongweiyilady/article/details/79960028

蚂蚁金服antd-Table-基本用法

/** * Created by mapbar_front on 2018/1/27. */ import React,{ Component } from 'react'; import { ...
  • tianxia1202
  • tianxia1202
  • 2018年01月27日 22:47
  • 101

datetimepicker用法总结-设置控件只能选择一个月之内的日期

最近写代码遇到一个需求,时间控件开始时间只能选择当前时间之前的一个月的,截止时间不能超过当前时间,搞了好久 今天天贴出来 跟大家分享,顺便总结一下datetimepicker的用法,主要注意star...
  • CCUTwangning
  • CCUTwangning
  • 2017年03月13日 16:12
  • 4960

蚂蚁金服antd-Table-可选择

/** * Created by mapbar_front on 2018/1/28. */ import React,{ Component } from 'react'; import { ...
  • tianxia1202
  • tianxia1202
  • 2018年01月28日 19:19
  • 470

时间选择器,选择日期DatePicker

时间选择器,选择日期DatePicker
  • farsight2009
  • farsight2009
  • 2017年03月16日 17:49
  • 391

Android-使用TimerPicker和DatePicker选择时间和日期

Android-使用TimerPicker和DatePicker选择时间和日期在安卓App里面,选择时间日期也是很常见的,比如在QQ里面填写个人信息的时候,会让你选择 你的出生日期,比如: 这...
  • ACM_TH
  • ACM_TH
  • 2016年03月27日 15:49
  • 8540

easyui设置datebox默认当前日期,且只能选择当前日期之前的日期

html代码: 计划运行日期 js代码: $('#planRunDt').datebox('calendar').calendar({ validator : function(date...
  • qingmengwuhen1
  • qingmengwuhen1
  • 2017年04月11日 15:52
  • 5184

Android:设置日期和时间不能选择当前时刻以前的日期时间的解决办法

根据业务需求,需要实现如题的功能,细想一下,其中包含很多细节,如下: 1,如果设置年大于当前的年,那么月,日,时间可以随便设置; 2,如果设置年小于当前的年,那么则设置不能成功; 3,如果设置年...
  • zhangguoliang521
  • zhangguoliang521
  • 2012年08月06日 17:06
  • 4060

Calendar 日历加上可选择年月的选项。

 using System;using System.Data;using System.Configuration;using System.Collections;using System.Web...
  • zixian2005
  • zixian2005
  • 2008年03月17日 10:05
  • 1854

LigerUi弹出编辑窗口中日期默认当前日期设设置!

if (curentData) {               if (isAddNew) { $("#Add_Date").val(''); }           } ...
  • dxnn520
  • dxnn520
  • 2012年12月19日 12:01
  • 2728

Easyui datebox设置默认时间 和 时间范围(七天,一个月)

  • Juny965174016
  • Juny965174016
  • 2016年07月08日 10:16
  • 2688
收藏助手
不良信息举报
您举报文章:antd(1)-设置RangePicker选择区间和默认选择时间
举报原因:
原因补充:

(最多只允许输入30个字)