vue2 element 踩坑爬坑

动态增减表单项

这个其实官网有demo,但是自己也调试了好久,记录下,具体写法自己查看文档:https://element.eleme.cn/#/zh-CN/component/form

关键地方在于key,新增数组时,要在数据里增加个key,同时需要把循环数据的地方key设置为这个key,这样删除,form rules校验可会跟着一起清掉的

DateTimePicker 选择器限制选择时间

基础写法参考文档:https://element.eleme.cn/#/zh-CN/component/datetime-picker,我这里限制开始时间,结束时间也类似就不写了

  • 限制要选择大于当前时间

    <el-date-picker v-model="formData.listingTime" type="datetime" :picker-options="pickerOptions" />
    pickerOptions: {
    selectableRange: (() => {
    const data = new Date(Date.parse(new Date()) + 1000)
    const hour = data.getHours()
    const minute = data.getMinutes()
    const second = data.getSeconds()
    return [${hour}:${minute}:${second} - 23:59:59]
    })(),
    disabledDate(time) {
    var date = new Date(Date.parse(new Date()) + 1000)
    date.setFullYear(date.getFullYear() + 2)
    date.setDate(date.getDate() - 1)
    return (time.getTime() <= Date.now() - 8.64e7) || (time.getTime() > date.getTime())
    }
    },

目前还有个问题,就是秒虽然选择上可以被禁掉,但是样式上没有禁用的效果,这个需要等爬出这个坑再来完善文档

相关推荐
Datacarts7 分钟前
亚马逊爆款选品:数据采集与三方服务商对接
开发语言·人工智能·python·信息可视化
x-cmd13 分钟前
[x-cmd] 一切 Web、桌面应用和本地工具皆可 CLI -opencli
前端·ai·github·agent·cli·x-cmd
always_TT25 分钟前
C语言保留字与标识符规则
c语言·开发语言
yang_upup27 分钟前
Matlab里simulink的元器件介绍
开发语言·matlab
滑雪的企鹅.35 分钟前
Kotlin云头条技术点剖析(项目复习02)——用户协议页面
android·开发语言·kotlin
南山love36 分钟前
spring-boot项目实现发送qq邮箱
java·服务器·前端
南 阳1 小时前
Python从入门到精通day59
开发语言·python·php
JMchen1231 小时前
Android NDK开发从入门到实战:解锁应用性能的终极武器
android·开发语言·c++·python·c#·android studio·ndk开发
F1FJJ1 小时前
Shield CLI:MySQL 插件 vs phpMyAdmin:轻量 Web 数据库管理工具对比
前端·网络·数据库·网络协议·mysql·容器
技术钱1 小时前
react数据大屏四种适配方案
javascript·react.js·ecmascript