美文网首页
ant 时间选择

ant 时间选择

作者: 爱代码的派派星 | 来源:发表于2019-11-26 10:52 被阅读0次
    //时间选择范围为:今天之前七天及当前时间前(精确到分)
    
    //时间选择器代码
      <RangePicker
                                        disabledDate={this.handleData}
                                        showTime={{ format: 'HH:mm' }}
                                        defaultValue={[moment(moment().subtract('1','day').format('YYYY-MM-DD HH:mm'), 'YYYY-MM-DD HH:mm'), moment(moment().subtract('0','day').format('YYYY-MM-DD HH:mm'), 'YYYY-MM-DD HH:mm')]}
                                        format="YYYY-MM-DD HH:mm"
                                        placeholder={['Start Time', 'End Time']}
                                        onChange={this.onChangeTime}
                                        onChange={this.onOkTime}
                                    />
    
    //今天之前七天可选(修复选择时间对日期的影响)
    handleData = (time) => {
            const _time = +time.format('YYYYMMDD');
            const before7Days = +moment().subtract(7, "days").format('YYYYMMDD');
            const before0Days = +moment().subtract(0, "days").format('YYYYMMDD');
    
            return _time <= before7Days  || _time > before0Days
        }
    
     
    

    相关文章

      网友评论

          本文标题:ant 时间选择

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