antd 日期时间选择_react+antd系列之日期选择框DatePicker

1.默认时间

defaultValue={moment('20120203')}

format={dateFormat}

/>

默认当前时间:

const dateFormat = 'YYYY-MM-DD';

defaultValue={moment()}

format={dateFormat}

/>

moment()不带参数表示默认当前日期

注意:

1. 获取时间戳

moment().valueOf()

2. 获取格式时间

moment().format('YYYY-MM-DD')

DatePicker组件获取的时间都是moment格式的,要转换一般用这两种

2.不可选择的日期

(1)只能选择今天跟今天之后的日期:

const disabledDate = (current) => {

return current < moment().startOf('day');

}

(2)只能选择今天之前的日期(不包括今天):

const disabledDate = (current) => {

return current > moment().startOf('day');

}

3.禁用日期框

4.日期区间范围选择

5.月份选择

6.选择周


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部