Ant Design中的日期组件时间限制
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design中的日期组件时间限制相关的知识,希望对你有一定的参考价值。
<DatePicker
defaultValue={moment(day, ‘YYYY-MM-DD‘)}
disabledDate={this.disabledDate}
/>
dayStart:起始时间
dayEnd结束时间
/*只有dayStart-dayEnd的时间可选,其他时间均不可选,实现代码如下*/
disabledDate = (current) => {
const {dayData:{dayStart,dayEnd}}=this.props
return current&¤t.valueOf()<Date.parse(dayStart)
||current&¤t.valueOf()>Date.parse(dayEnd)
};
以上是关于Ant Design中的日期组件时间限制的主要内容,如果未能解决你的问题,请参考以下文章
ant-design-vue datePicker日期组件中文格式月份与星期显示英文
Ant Design of Vue —— Upload组件 -- beforeUpload(图片宽高限制)
Ant Design of Vue —— Upload组件 -- beforeUpload(图片宽高限制)
十九React UI框架Antd(Ant Design)的使用——及react Antd的使用 button组件 Icon组件 Layout组件 DatePicker日期组件