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

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

相关推荐
海石2 小时前
微信小程序开发01:XR-FRAME的快速上手
前端·增强现实·trae
带娃的IT创业者2 小时前
Python 异步编程完全指南:从入门到精通
服务器·开发语言·python·最佳实践·asyncio·异步编程
叶梅树4 小时前
DocsJS npmjs 自动化发布复盘(Trusted Publisher)
前端·npm
一只鹿鹿鹿4 小时前
信息安全等级保护安全建设防护解决方案(总体资料)
运维·开发语言·数据库·面试·职场和发展
喵叔哟5 小时前
9. 【Blazor全栈开发实战指南】--Blazor调用JavaScript
开发语言·javascript·udp
wuqingshun3141595 小时前
如何停止一个正在退出的线程
java·开发语言·jvm
我命由我123455 小时前
Element Plus - Form 的 resetField 方法观察记录
开发语言·前端·javascript·vue.js·html·html5·js
朱包林5 小时前
Python基础
linux·开发语言·ide·python·visualstudio·github·visual studio
清空mega5 小时前
《Vue3 项目结构详解:components、views、assets、router、stores 到底该怎么理解?》
前端·javascript·vue.js
Barkamin6 小时前
队列的实现(Java)
java·开发语言