目录

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

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

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
阿巴阿巴拉8 分钟前
Scala相关知识学习总结5
开发语言·学习·scala
雪山青木11 分钟前
php-cgi参数注入攻击经历浅谈
开发语言·网络安全·阿里云·php
冴羽17 分钟前
SvelteKit 最新中文文档教程(18)—— 浅层路由和 Packaging
前端·javascript·svelte
双叶83629 分钟前
(51单片机)矩阵按键密码锁表白(C语言代码编撰)(矩阵按键教程)(LCD1602浅教程)
c语言·开发语言·c++·算法·游戏·矩阵·51单片机
哀木32 分钟前
聊聊前端埋点 clarity:我会一直视监你... 永远...
前端
Uncertainty!!35 分钟前
在huggingface上制作小demo
开发语言·python·机器学习·huggingface
墨渊君35 分钟前
Expo 入门指南:让 React Native 开发更轻松(含环境搭建)
前端·javascript·react native
武帝为此41 分钟前
【Java网络编程详解】
java·开发语言·网络
xnian_43 分钟前
策略模式实际用处,改吧改吧直接用,两种方式
java·服务器·前端
jane_xing1 小时前
Next.js + SQLite 项目 Docker 生产环境部署方案
javascript·docker·sqlite