美文网首页
时间控件DatePicker-RangePicker

时间控件DatePicker-RangePicker

作者: 小明的明 | 来源:发表于2020-12-11 18:55 被阅读0次

<FormItem label={item.name} >
{getFieldDecorator(${item.id}, {initialValue:item.defaultValue||''})(<RangePicker
ranges={item.ranges || { 今天: [moment(todayDate.beginTime, 'YYYY/MM/DD HH:mm:ss'), moment(todayDate.endTime, 'YYYY/MM/DD HH:mm:ss')] }}
disabledDate={item.isAllowAfterTime ? () => false :(e)=>this.disabledDate(e,item)}
onCalendarChange={this.onCalendarChange}
onOpenChange={this.onDateOpenChange}
allowClear={item.allowClear || false}
showTime={{
hideDisabledOptions: true,
defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
}}
format="YYYY/MM/DD HH:mm:ss"
placeholder={['开始时间', '结束时间']} />)}
</FormItem>

onCalendarChange = (dates) =>{
if (!dates || !dates.length) {
return
}
this.setState({
selectDate:dates[1]
})
};

onDateOpenChange = ()=>{
this.setState({
selectDate:null
})
}

disabledDate = (current,item) =>{
const { selectDate } = this.state;
if (!current){
return false
}
if(current&&!selectDate&&item.defaultValue){
return current < moment().subtract(3,'month').subtract(1,'day') || current > moment().endOf('day')
}

if(current&&selectDate){
  let selectV = moment(selectDate.valueOf()).format('YYYY/MM/DD HH:mm:ss');
  return current < moment(selectV).subtract(3, 'months')  || current > moment().endOf('day') // ||current >  moment(selectV).add(3,'month') //选择的之后三个月
};

return current > moment().endOf('day')

}

相关文章

  • 时间控件DatePicker-RangePicker

    {getFieldDecorator(${item.id}, {initialValue:item.default...

  • APP产品设计:时间、地点、人选择控件

    一、关于时间的控件分为两种:日期时间控件 和 日历控件。 日期时间控件:当选择的时间包含时分时会采用的控件。一般...

  • 时间控件

    self.voicetimeLabel.text = [NSString stringWithFormat:@"%...

  • 时间控件

    My97DatePicker 感觉这个插件还不错 国际化 因为工作要求,网站做了国际化,测试提了一个BUG,日期控...

  • 时间控件

    import React, { Component } from 'react'import { DatePick...

  • HTML5 input 新增的表单控件

    必填项验证 颜色选择控件 日期选择控件 时间选择控件 电子邮件控件:提交表单时有格式验证 数字控件 文件控件 拖拽...

  • angular 时间控件

    第一种:indrimuska/angular-moment-picker 地址:https://github.co...

  • bootstrap 时间控件

    bootstrap日期时间表单组件http://www.bootcss.com/p/bootstrap-datet...

  • 时间控件输入

    selenium.FindElementById("d1").Clear(); selenium.FindElem...

  • UIDatePicker简述

    // UIDatePicker控件的常用方法 时间选择控件 UIDatePicker *oneDatePicker...

网友评论

      本文标题:时间控件DatePicker-RangePicker

      本文链接:https://www.haomeiwen.com/subject/effsgktx.html