type
Post
status
Published
date
Nov 24, 2022
slug
code-8
summary
antd
tags
vue
category
学习思考
icon
password
Property
May 24, 2023 01:40 AM

1.a-select 使用 v-model 双向绑定,选中值为空时候,placeholder 不生效

在使用表单组件下拉框 a-select 的时候。发现当绑定值为 “” 时候,placeholder 没有生效。
使用 v-modle 的时候,应该把值设置为 undefined。

2.:disabledDate="disabledDate”

1、前端自己规定日期
const disabledDate = (current) => { //限制只能选明天及之后的日期(今天不可选中) return current && current < moment().endOf('day') //限制只能选今天及之后的日期(今天可选中) return current && current < moment().subtract(1, 'days').endOf('day') //限制只能选昨天及之前的日期(今天不可选中) return current && current > moment().subtract(1, 'days').endOf('day') //限制只能选今天及之前的日期(今天可选中) return current && current > moment().endOf('day') //当天之前30天内可选。其他不可选 当天也可选 return current < moment().subtract(29, 'days') || current > moment(); //当天之前30天可选,其他不可选,当天也不能选 return current < moment().subtract(30, 'day') || current &&current.endOf('day') > moment(); };
2、接口传过来指定日期能选择,其余禁止
cronDateList为接口传递过来的日期数组 <DatePicker size="large" style={{'100%'}} disabledDate={(current)=>disabledDate(current,cronDateList)} placeholder="请选择时间" /> const disabledDate = (current,arr) =>{ let ff = false; ff =  !arr.some((son,index,arr) => { return  current.isSame(son,'day') }) return ff; };
3.input
notion image
传值node版本