900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Antd 时间日期选择器 选择当前时间以后的时间

Antd 时间日期选择器 选择当前时间以后的时间

时间:2020-02-14 14:58:20

相关推荐

Antd 时间日期选择器 选择当前时间以后的时间

Antd 时间日期选择器,选择当前时间以后的时间

disabledTime必须结合showTime属性配合使用

import {DatePicker } from 'antd'import moment from 'moment'const MyDatePicker = () => {const disabledDate = (current) => {return current && current < moment().subtract(1, 'days')}const disabledTime = (dates) => {const range = (start) => {const result = []for (let i = 0; i < start; i++) {result.push(i)}return result}const selDate = moment(dates).date()const selHours = moment(dates).hours()const selMinutes = moment(dates).minutes()const currentDate = moment().date()const hours = moment().hours()const minutes = moment().minutes()const seconds = moment().seconds()let res = {}if (selDate === currentDate) {res.disabledHours = () => range(hours)if (selHours === hours) {res.disabledMinutes = () => range(minutes)if (selMinutes === minutes) {res.disabledSeconds = () => range(seconds)}}return res}}return (<DatePickerdisabledDate={disabledDate}disabledTime={disabledTime}showTime></DatePicker>)}export default MyDatePicker

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。