element的时间控件默认值为当前时间

文章展示了如何在Vue项目中使用ElementUI的日期选择器组件,并通过`getNowDate`方法获取当前日期时间,然后将其赋值给表单字段`checkAcceptTime`。两种赋值方式被提及,一种是格式化的当前时间,另一种是包含毫秒的时间值,后者可能需要后端进行格式化处理。
摘要由CSDN通过智能技术生成

vue代码

		<el-form-item label="验收时间" prop="checkAcceptTime">
          <el-date-picker clearable
            v-model="form.checkAcceptTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择验收时间">
          </el-date-picker>
        </el-form-item>

js代码
首先在return里边定义一个参数放当前时间
![在这里插入图片描述](https://img-blog.csdnimg.cn/8f25562145954dca9cdcdce705db33d7.png
在methods写一个方法给这个参数赋值

getNowDate(){  //获取当前时间
      var date = new Date();
      this.nowDate = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + ' '+(date.getHours()) + ':'+(date.getMinutes()) +':'+(date.getSeconds());
    },

在你需要进行赋值操作的页面 给这个时间字段附上值 就ok了

		this.getNowDate();
        this.form.checkAcceptTime = this.nowDate;

在这里插入图片描述

也可以直接将字段赋值为new date();

但是这样时间是带毫秒的,后台就需要对传递的事件类型进行格式化处理

this.form.checkAcceptTime = new date();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

散装程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值