el-date-picker设置默认时间为当前时间

最新推荐文章于 2024-07-07 16:58:33 发布

衰神不衰

最新推荐文章于 2024-07-07 16:58:33 发布

阅读量2.8k

点赞数 3

分类专栏： vue elemntui 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_37914074/article/details/120823009

版权

vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

elemntui

5 篇文章

订阅专栏

在Vue.js中，使用Element UI的日期选择器组件el-date-picker时，可以通过在data里将`createDate`初始值设置为`new Date()`来实现默认显示当前时间的功能。在模板中，绑定`v-model`到`addForm.createDate`，并配置为datetime类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-date-picker设置默认时间为当前时间

<el-form-item
   label="创建时间"
   :label-width="formLabelWidth"
>
  <el-date-picker
    v-model="addForm.createDate"
    style="width:100%"
     type="datetime"
     placeholder="选择日期"
   />
</el-form-item>
//data里的数据
data(){
    addForm:{
        createDate:new Date() // 只需要在这里声明的时候直接值赋为 new Date()
    }
}