如何设置antd日期选择器禁止选择当天之前的时间呢?
- 内容介绍
- 相关推荐
本文共计617个文字,预计阅读时间需要3分钟。
使用disabledDate属性(不可选择的日期)结合a-date-picker组件,并在change事件中调用dateChange函数,同时传入disabledDate参数:
在JavaScript中定义函数并返回:
javascriptdisabledDate(current) { // 限制选择当前日期之前的日期 return current && current 使用disabledDate属性(不可选择的日期) <a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/> 在js中定义函数并返回
//限制当天之前的日期不可选
disabledDate(current) {
return current && current <moment().subtract(1, "days"); //当天之前的不可选,不包括当天
//return current && current < moment().endOf(‘day');当天之前的不可选,包括当天
}
补充知识:antd DatePicker RangePicker限制时间范围,其中结束时间限制时分秒不可选 需求:选择时间区间,且只能选择当前时刻之前的时间,且时分秒也要做限制。
本文共计617个文字,预计阅读时间需要3分钟。
使用disabledDate属性(不可选择的日期)结合a-date-picker组件,并在change事件中调用dateChange函数,同时传入disabledDate参数:
在JavaScript中定义函数并返回:
javascriptdisabledDate(current) { // 限制选择当前日期之前的日期 return current && current 使用disabledDate属性(不可选择的日期) <a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/> 在js中定义函数并返回
//限制当天之前的日期不可选
disabledDate(current) {
return current && current <moment().subtract(1, "days"); //当天之前的不可选,不包括当天
//return current && current < moment().endOf(‘day');当天之前的不可选,包括当天
}
补充知识:antd DatePicker RangePicker限制时间范围,其中结束时间限制时分秒不可选 需求:选择时间区间,且只能选择当前时刻之前的时间,且时分秒也要做限制。

