vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）

html

<el-form-item label="最晚到货时间" prop="project_time2" size="small" style="width: 618px"><el-date-picker v-model="ruleForm.project_time2" type="datetime" :picker-options="pickerOptions0" placeholder="选择日期时间"style="width:320px"></el-date-picker></el-form-item><el-form-item label="发布时间：" required ><el-col :span="11"><el-form-item prop="project_time1" style="width: 488px"><el-date-picker  type="datetime" :picker-options="pickerOptions0"   placeholder="选择日期时间" v-model="ruleForm.project_time1" style="width: 318px;" size="small"></el-date-picker><div class="annotation1">到了该时间后才会展示平台</div></el-form-item></el-col></el-form-item><el-form-item label="截至申请时间：" required><el-col :span="11"><el-form-item prop="project_time3" style="width: 488px"><div style="position: relative"><el-date-picker  type="datetime" :picker-options="pickerOptions0"   placeholder="选择日期时间" v-model="ruleForm.project_time3" style="width: 318px;" size="small"></el-date-picker></div><div class="annotation2">到了该时间后养户将不能再报名计划</div></el-form-item></el-col></el-form-item>

data() {return {//限制今天之前的不能选择pickerOptions0: {disabledDate(time) {return time.getTime() < Date.now() - 8.64e7;}},ruleForm: {project_time2:"",                         //最晚到货时间project_time1:"",//发布时间project_time3:"",//截止时间project_desc:"",//备注},

methods: {//获取的时间对象转字符串Transformation(times){var time=times;var time1 = time.getTime();var date = new Date(time1),Y = date.getFullYear() + '-',M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-',D = date.getDate() + ' ',h = date.getHours() + ':',m = date.getMinutes() + ':',s = date.getSeconds();var current=Y+M+D+h+m+sreturn current},
//      点击发布submitForm(ruleForm) {this.ruleForm.project_time2=this.Transformation(this.ruleForm.project_time2)this.ruleForm.project_time1=this.Transformation(this.ruleForm.project_time1)this.ruleForm.project_time3=this.Transformation(this.ruleForm.project_time3).........//下面就开始调用接口

更多技巧请查看vue专栏 https://blog.csdn.net/qq_42221334/column/info/27230/1

vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）相关推荐

element vue 上传模板_Vue Element UI upload 组件上传文件之后 file list 依旧是空数组
在 element ui 的 GitHub issue 中搜索了一下,发现 upload 组件确实不支持自动更新 file list,需要手动在上传成功和删除的回调中处理文件列表同步... 这个体验太 ...
Vue：使用elementUI upload组件上传excel文件
<template><div><el-upload dragaction="" :http-request="upload" :b ...
vue使用element选择日期组件的el-date-picker ，如何不唤醒键盘(已解决)
官网链接点击查看官网链接描述将editable设置为false问题就解决了
【vue开发问题-解决方法】（九）使用element upload自定义接口上传文件，input多文件上传
[vue开发问题-解决方法](九)使用element upload自定义接口上传文件,input多文件上传参考文章: (1)[vue开发问题-解决方法](九)使用element upload自定义接 ...
Vue上传文件 iview Upload UI 组件上传组件
Vue上传文件 input支持上传文件定义type类型,隐藏样式第三定义change事件拿到file 的相关信息,accept限制支持的文件类型然后给button增加点击事件 template部 ...
antd vue upload组件上传视频并实现视频预览
antd vue upload组件上传视频并实现视频预览 html代码 <form><a-form-itemlabel="商品视频":labelCol=" ...
一个能防止改名木马漏洞的无组件上传类
现在流行的asp上传组件除了无惧的化境之外,最多的可能就是ewebEditor 和Fckeditor的上传是,但是经过测试都很难防止改名为gif和asp文件上传,在FckEditor中改名后的asp木 ...
模块开发之时间/日期组件moment.js使用(十四)
文章目录前言基本使用 moment与字符串想到转换当前时间语法创建moment实例的方式时间字符串+指定格式时间字符串+多定格式 moment完全支持iso-8601格式字符串以对象形 ...
项目_功能模块_基于Spring Boot的文件上传下载功能的设计与实现
文章目录基于Spring Boot的文件上传下载功能模块的设计与实现 1.前言 2.技术栈 3.关键源码 4.实现效果 4.1.登录 4.2.文件列表 4.3.上传文件测试 4.3.1.测试图片 4 ...

vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）

vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）相关推荐

最新文章

热门文章