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())
    }
    },

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

相关推荐
KaMeidebaby3 小时前
卡梅德生物技术快报|骆驼纳米抗体:从原核表达、高通量测序到分子对接全流程实现
前端·数据库·其他·百度·新浪微博
子兮曰5 小时前
Node.js v26.1.0 深度解读:FFI、后量子密码与调试器的进化
前端·后端·node.js
郝学胜-神的一滴5 小时前
Qt 入门 01-01:从零基础到商业级客户端实战
开发语言·c++·qt·程序人生·软件构建
测试员周周5 小时前
【Appium 系列】第06节-页面对象实现 — LoginPage 实战
开发语言·前端·人工智能·python·功能测试·appium·测试用例
摇滚侠6 小时前
@Autowired 和 @Resource 的区别
java·开发语言
Wy_编程6 小时前
go语言中的结构体
开发语言·后端·golang
SeaTunnel6 小时前
(八)收官篇 | 数据平台最后一公里:数据集成开发设计与上线治理实战
java·大数据·开发语言·白鲸开源
西洼工作室6 小时前
前端直传OSS服务端签名(Policy+Signature)/STS临时凭证
前端·文件上传·oss
大卡片7 小时前
C++的基础知识点
开发语言·c++
你很易烊千玺7 小时前
日常练习-数组 字符串常用的场景
前端·javascript·字符串·数组