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

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

相关推荐
Yue丶越16 小时前
【C语言】自定义类型:结构体
c语言·开发语言
合作小小程序员小小店16 小时前
桌面开发,点餐管理系统开发,基于C#,winform,sql server数据库
开发语言·数据库·sql·microsoft·c#
科普瑞传感仪器16 小时前
从轴孔装配到屏幕贴合:六维力感知的机器人柔性对位应用详解
前端·javascript·数据库·人工智能·机器人·自动化·无人机
笃行客从不躺平16 小时前
线程池监控是什么
java·开发语言
星轨初途16 小时前
C++的输入输出(上)(算法竞赛类)
开发语言·c++·经验分享·笔记·算法
n***F87516 小时前
SpringMVC 请求参数接收
前端·javascript·算法
wordbaby16 小时前
搞不懂 px、dpi 和 dp?看这一篇就够了:图解 RN 屏幕适配逻辑
前端
程序员爱钓鱼17 小时前
使用 Node.js 批量导入多语言标签到 Strapi
前端·node.js·trae
鱼樱前端17 小时前
uni-app开发app之前提须知(IOS/安卓)
前端·uni-app
V***u45317 小时前
【学术会议论文投稿】Spring Boot实战:零基础打造你的Web应用新纪元
前端·spring boot·后端